爲什麼Galaxy Nexus/Android 4上的視口標記不起作用？

我正在研究一個應該調整設備可能具有的任何屏幕大小的web應用程序。在iOS和較舊的android版本中，視口標記正常工作。屏幕上的圖片總是調整大小以適合屏幕。
（如此處所述：https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW19）
在Galaxy Nexus（Android 4.0）上無法正常工作。在左側和右側大約20px的空間，我不知道他爲什麼這樣做。我的視口代碼如下所示：爲什麼Galaxy Nexus/Android 4上的視口標記不起作用？

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

不管我改一下標籤，空間是永遠存在的，內容不適合屏幕。我製作了一個示例頁面來展示效果：http://easyeve.w3y.de/link/index.html
如果您在iPhone上打開此鏈接，內容完全符合（您將看不到任何黃色=正文），文檔寬度爲320像素。在Galaxy Nexus上，您將看到黃色空間，文檔寬度爲360像素（這正好是顯示分辨率的一半）。這也應該是320px！你也有這個問題，有沒有辦法解決它？

更新：我注意到Galaxy Note/Android 2.3.6 上的問題，因此它不是Android 4的問題。它具有與大的屏幕尺寸我想這樣做..

來源

2012-02-21 user1222883

這裏的同樣的問題（Galaxy Nexus的 - 安卓4.0.2），我在默認瀏覽器

設置在談論常規網頁視口meta 初始縮放小於1（縮小）似乎被瀏覽器忽略。比1更大的值（放大）工作正常。

有在瀏覽器（設置 - >高級），在那裏你可以改變的事情設置：

默認縮放 - 它使區別，但它並沒有解決問題

自動調整頁面 - 在我的情況沒什麼區別

一切似乎工作的Chrome瀏覽器（測試版目前）只是完美，但這是ICS/Galaxy Nexus的不默認瀏覽器。

UPDATE（溶液）：

設置元視口「寬度=設備寬度」上的Galaxy Nexus失敗。
設置視窗「width = 1280」的工作效果很好（1280px是銀河系統的屏幕寬度）。

要注意的是設置「寬度= 1280，用戶可擴展性=無」再次打破它（可以縮小即使用戶可擴展=無）:(

來源

2012-03-09 17:01:52

謝謝你的回答，但它不適用於我:( 我改變了我的視口標籤爲**寬度= 1280 **但這只是導致我的網站是非常大的（如桌面視圖），但放大到左邊角落..我改變了我的代碼： [鏈接]（http://easyeve.w3y.de/link/index.html） – user1222883 2012-03-16 13:15:03

@Petr都市感謝，它正在爲我工作....：） – 2012-05-18 05:56:57

我結束了今天這個問題鬧得不可開交。我的問題稍微複雜一點，因爲除了基本CSS之外，我還需要處理一個Wordpress樣式表（來自另一個主題）.Chrome在我的手機和平板電腦上完美工作，並且股票瀏覽器也可以在平板電腦上正常工作但是，股票瀏覽器不斷縮小並向我顯示桌面視圖。沒有任何邊緣，這是正確的行爲，但瀏覽器應該已經從側邊欄和內容divs中移除了浮動內容，並放大了主要內容（我正在使用@media查詢）。聽起來很奇怪，我實際上通過將縮放設置設置爲遠，刷新，然後重置縮放到中等和刷新來修復此問題。

我應該指出，當我查看你的頁面的HTML和CSS時，我注意到你爲頁面div設置了一個特定的像素寬度。我很確定你需要使用百分比來代替寬度。例如，我的中心內容div有margin: 0 auto;,min-width:320px;,max-width:900px;和width:100%;。

來源

2012-05-01 06:19:32 Gemini14

謝謝。你說的對，如果我把所有的寬度都設定爲百分比，它可能會工作，但那不是我想要的。我不想要液體設計 – user1222883 2012-05-02 07:07:13

我在Galaxy Tab 2上遇到了一些類似的東西。當爲應用設置WebSettings時，嘗試設置webViewSettings.setUseWideViewPort（true）;這將迫使Android考慮視口元標記。在我的應用程序的Galaxy Tab 2的情況下，它被忽略，並且在我改變了這個之前，視口中的所有內容都被錯誤地繪製。

來源

2012-10-12 16:13:13 Dan

爲什麼Galaxy Nexus/Android 4上的視口標記不起作用？

回答

相關問題