我可以強制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

接受，因爲它的工作原理似乎是設備不可知的：3 – Supuhstar 2013-03-17 03:31:36

我可以強制iOS Safari識別手持媒體查詢嗎？

回答

相關問題