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

【问题标题】：Does print media queries `@media print` work on the iPad?打印媒体查询 `@media print` 在 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）以确保文件被重新加载。

【讨论】：