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

时间:2012-05-10 12:06:03

标签: css ipad printing media-queries

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

像这样:

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

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

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

从iOS 1.0开始支持

@media print

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