css媒體查詢在使用PhoneGap時無法正常工作

我正在開發使用PhoneGap和js/css3的iPhone/iPad應用程序，並且最近開始使用iPad的大屏幕尺寸對我的佈局進行特定調整。我在我的CSS只添加了一個iPhone部分與css媒體查詢在使用PhoneGap時無法正常工作

@media screen and (max-device-width: 480px) {

和iPad上唯一一款與

@media screen and (min-device-width: 481px) {

，他們似乎對我的桌面上正常工作，當我調試（使用chrome，win和mac以及mac中的safari）。當我在xCode中構建我的應用程序並在設備上運行它時，似乎這些部分中的所有規則都被完全忽略，並且我的佈局都是錯誤的。

是否有一些我應該使用的技巧，爲了使這項工作適合我？

來源

2011-12-26 Noam Gal

你可以嘗試

@media only screen and (-webkit-min-device-width: 481px) {

你的iPad專用區，並打電話給我？

來源

2012-02-22 15:36:22

你的視口添加到您的HTML文檔的頭部是非常重要的：

<html> 
    <head> 
    ... 
    <meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' /> 
    ... 
    </head> 
    <body> 
    ... 
    </body> 
</html>

另見： CSS Media Query Orientation Change not working PhoneGap

來源

2012-03-13 13:58:46

css媒體查詢在使用PhoneGap時無法正常工作

回答

相關問題