打印媒体查询 `@media print` 在 iPad 上有效吗？

Posted 2023-03-06

【中文标题】打印媒体查询 `@media print` 在 iPad 上有效吗？

【英文标题】：Does print media queries `@media print` work on the iPad?

【发布时间】：2012-05-19 00:03:59

【问题描述】：

我有一个使用媒体查询来定位印刷媒体的网页。

像这样：

@media print 
    #user_profile h1 
        font-size: 16px;
        margin-top: 10px;
    

当我尝试通过 AirPrint 从 iPad 打印页面时，未应用打印样式。

移动Safari不支持@media print吗？

【参考方案1】：

如果其他样式没有屏幕媒体查询，我认为它也适用于打印。 尝试向普通 css 添加屏幕媒体查询， 尝试将所有打印 css 放在底部以覆盖普通 css。

【参考方案2】：

自 ios 1.0 起支持@media print。

但是，Mobile Safari 会主动缓存资产，并且可能无法从服务器获取您修改的样式表。您可以附加一个查询字符串（例如styles.css?v=1）以确保文件被重新加载。