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

Question

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

像这样：

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

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

@media print手机浏览器不支持吗？

Answer 1

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

Answer 2

@media print从 iOS 1.0 开始支持。

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