对可能已连接打印机的设备进行媒体查询

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>