桌面上的iPhone視口

Question

如何在我的桌面上（在開發我的應用程序時）將我的視口設置爲iPhone屏幕大小，而無需觸摸CSS？

我正在用jQueryMobile開發我的應用程序。

Answer 1

視口的老式定義影響（縮放前和viewport meta標籤成爲與iPhone通用）是剛剛大小html元素。所以，你可以只是樣式，如下所示：

html { 
    position: absolute; 
    width: 320px; 
    height: 480px; 
} 

或者，使用瀏覽器擴展（如「Web開發工具欄」爲火狐瀏覽器窗口大小調整到你希望你的視口有大小

Answer 2

爲什麼不檢測它是iphone還是瀏覽器，然後相應的樣式，如;

if(navigator.userAgent.match(/(iPad|iPhone|iPod)/i) ? true : false) 
{ 
    //ios detected 
} 
else 
{ 
    //no ios detected, add css to set the dimensions of the body 
} 

這樣，CSS將只在瀏覽器中