Question

简单明了。如何强制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 */
    }
}

我已经阅读了How can I force iPhone’s Safari to use media="handheld"?，但3年前曾被问过。在今天的HTML5和CSS3合规时代以及标准如此容易接受的时代，我希望Apple能够在iOS Safari中添加一些功能，以便能够在iPhone现在相对较小的屏幕上实现handeld媒体查询。< / p>

我尝试使用精确值，例如screen and (max-width: 5in)，但显然它认为它的屏幕宽度超过5英寸。

Answer 1

您可以将此目标用于特定设备宽度。

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

       //Styles for this device width here.
    }

或者您可以使用Iphone + Ipad的设备宽高比：

iPhone＆lt; 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) {
        }

我可以强制iOS Safari识别手持媒体查询吗？

1 个答案: