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

简单而简单。我如何强制iOS Safari识别此问题？我可以强制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兼容的时代以及标准被如此轻易接受的时代，我希望苹果公司在iOS Safari中加入一些东西，以便能够在iPhone的现在相对较小的屏幕上支持handeld媒体查询。

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

来源

2013-03-14 Supuhstar

HTML5/CSS3合规性与简单的事实有什么关系：Mobile Safari太高级了，以至于不能简单地认为该答案暗含的“手持式”浏览器？如果有的话，它越先进，就越有必要远离媒体类型。 – BoltClock 2013-03-14 22:51:54

我觉得你很困惑。这并不是说我对Safari的先进性有怀疑，而是我想为我的最终用户提供流畅，易用的体验。要做到这一点，我希望我的网页能够像他们的应用一样工作，允许更大的按钮，非悬停交互等等。 – Supuhstar 2013-03-19 22:11:57

您可以使用此目标特定的设备宽度。

@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-14 22:48:09

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

回答

相关问题