Медиа-запрос для устройства, к которому может быть подключен принтер

Question

Я создаю сайт, на котором есть кнопка «Экспорт», которая немного переупорядочивает страницу и запускает диалоговое окно «Печать». Это позволяет пользователям на рабочем столе распечатать или сохранить страницу в формате PDF.

Однако у нас также есть мобильные пользователи. На мобильном устройстве кнопка не имеет смысла: мобильные браузеры не имеют (насколько мне известно) возможности печати. ​​

Как скрыть кнопку с помощью медиазапроса (или аналогичного) на мобильных устройствах? Кажется, самая безопасная ставка - обнаружить операционную систему и скрыть ее, если Android, iOS или аналогичные?

Answer 1

Просто используйте этот медиазапрос, кнопка будет скрыта после 767px Вы также можете изменить порт просмотра согласно вашему требованию

@media screen and (max-width:767px){
#print-my-data{
display:none;
}
}

<button id="print-my-data">Print</button>