如何正確顯示網頁上的所有移動瀏覽器

它是如何顯示在所有的Android瀏覽器我分享這個截圖給你看：如何正確顯示網頁上的所有移動瀏覽器

Browser Comparison

我用<meta name="viewport" content="width=device-width, initial-scale=0.3">但它似乎只在工作android默認瀏覽器。

正確的觀點應該像在Android默認瀏覽器，具有100％的寬度的調整，在任一垂直或水平模式。你能解決這個

2012-07-29 Ntoni

也許firefox和chrome的用戶配置導致了一個問題。我知道android的Opera有一個名爲'Single Column View'的選項，它有時會大幅改變頁面的佈局。也許Chrome和Firefox有類似的選擇。嘗試將兩者的配置重置爲默認值。 – udiboy1209 2012-07-29 13:01:55

一種方法是在視圖端口設置爲您的文檔的寬度。每個瀏覽器和設備的可顯示區域或默認設置都有不同的像素寬度。視口更改爲以下：

<!-- When viewing your css and live widths I got 944 wrapper width, 
update if incorrect --> 
<meta name="viewport" content="width=944" />

唯一的其他方式得到它表現出同樣的是使用移動DOCTYPE，而不是HTML5的。但是這可能會破壞一些功能。

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

來源

2012-07-30 01:17:10

如何正確顯示網頁上的所有移動瀏覽器

回答

相關問題