打印媒体查询`@media print`是否适用于iPad？

Question

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

像这样：

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

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

移动版Safari不支持@media print吗？

Answer 1

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

Answer 2

从iOS 1.0开始支持

@media print。

但是，Mobile Safari会进行大量的资产缓存，并且可能未从服务器获取修改后的样式表。您可以附加查询字符串（例如styles.css？v = 1），以确保文件已重新加载。