0

簡潔でシンプル。iOS Safariにこれを認識させるにはどうすればよいですか？

BUTTON {
    padding: 0 0.5em; /* To conserve screen space on point-and-click interfaces */
}

@media handheld {
    BUTTON {
        padding: 1em 2em; /* So fingers can more easily touch it */
    }
}

iPhoneのSafariにmedia="handheld"を強制的に使用させるにはどうすればよいですか？、しかしそれは3年以上前に尋ねられました。HTML5およびCSS3に準拠し、標準が非常に簡単に採用される今日の時代に、AppleがiOS Safariに何かを入れて、iPhoneの比較的小さな画面でハンドレッドメディアクエリを受け入れられるようにしたいと思っています。

などの正確な値を使用してみscreen and (max-width: 5in)ましたが、画面が5インチより広いと思われるようです。

4

1 に答える 1

1

このターゲットを特定のデバイス幅で使用できます。

    @media only screen and (max-device-width: YourDeviceWidth){

       //Styles for this device width here.
    }

または、iPhone+Ipadのデバイスアスペクト比を使用することもできます。

iPhone <5：

        @media screen and (device-aspect-ratio: 2/3) {
        }

iPhone 5：

        @media screen and (device-aspect-ratio: 40/71) {
        }

iPad：

        @media screen and (device-aspect-ratio: 3/4) {
        }
于 2013-03-14T22:48:09.620 に答える