1

現在、次のメディア クエリを使用していますが、これは私の目的 (モバイル デバイス) ではかなりうまく機能しています。

    @media
    only screen and (max-width : 600px),
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5)

つまり、ピクセル比が実際に 13 インチの macbook で Retina ディスプレイをトリガーしていることがわからない限りです。私の質問は、ピクセル比と一緒に別の制約を指定する方法があるかどうかです。 1080pの最大ピクセル幅」またはそれらの線に沿った何か?

4

1 に答える 1

4

メディア クエリには、その CSS を実行する 3 つの条件があります。これらを組み合わせて、モバイル Retina 画面のみをキャプチャする必要があります。そのようです：

@media (max-width : 600px), and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)

これにより、「デバイスのピクセル比が 1.5 以上で最大 600px まで」という 2 つの条件が設定されます。

于 2013-05-01T00:05:58.777 に答える