css - 可以连接打印机的设备的媒体查询
问题描述
我正在构建一个具有“导出”按钮的站点,该按钮会稍微重新排列页面,然后启动“打印”对话框。它允许桌面上的用户打印或将页面保存为 PDF。
但是,我们也有移动用户。在移动设备上,该按钮毫无意义:移动浏览器(据我所知)甚至没有打印功能。
如何在移动设备上使用媒体查询(或类似查询)隐藏按钮?最安全的选择似乎是检测操作系统,如果是 Android、iOS 或类似的操作系统,则将其隐藏?
解决方案
只需使用此媒体查询按钮将在 767px 后隐藏您也可以根据您的要求更改视口
@media screen and (max-width:767px){
#print-my-data{
display:none;
}
}
<button id="print-my-data">Print</button>
推荐阅读
- sql - 使用 PYODBC 到 SQL 服务器的外部连接
- javascript - 如果其他条件将句子分解成跨度字母,则 JS 在 Checkbox 后不起作用
- java - TinkerGraph 上的 Gremlin InMemory 客户端
- conditional-statements - Google or-tools 序列最大化
- node.js - 猫鼬文档过期后删除文件
- c# - 这种可公开触发的事件的实现是否合理?
- python-3.x - 在命令行运行 Python 脚本 - 找不到“__main__”模块错误
- node.js - 自动链接不适用于 react-native 0.63.4 和 react-native-localize
- javascript - 将数据从节点服务器传递到来自 3rd 方 API 的 React
- python - 更改绘图地图的参数