媒体查询可能附有打印机的设备

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>