css - プリント メディア クエリ `@media print` は iPad で動作しますか?

Question

メディア クエリを使用して印刷メディアをターゲットにしている Web ページがあります。

このような：

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

iPad から AirPrint 経由でページを印刷しようとすると、印刷スタイルが適用されません。

@media printモバイルサファリでサポートされていませんか?

Answer 1

他のスタイルがスクリーン用のメディアクエリーなしであれば、印刷物にも当てはまると思います。通常の css に画面のメディア クエリを追加してみてください。すべての印刷 css を下部に配置して、通常の css を上書きしてみてください。