在不同瀏覽器

元視我使用的線在不同瀏覽器

<meta name="viewport" content="width=device-width;">

，但它似乎並不希望真正的海豚或Android股票瀏覽器。

有沒有人有這種經驗或視口只是不兼容的瀏覽器？

編輯：我正在尋找設置瀏覽器顯示100％的頁面，沒有縮放，只是頁面。設置比例與我需要的相反，用戶需要能夠縮放。

來源

2014-01-15 GaelenN

試試這個： – Lowkase

雖然這並不是我想要的，但我希望頁面寬度是設備寬度，因此視口必須以這種方式加載，該行只是將縮放設置爲放大。 ... – GaelenN

W3C recommends this：

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

是的，我知道，這是從2010年，但我無法找到一個較新的版本

它適用於我測試過的所有機器人;也爲海豚。如果你想成爲真正確保即使非常過時的微軟設備得到它，你也可以添加：

<meta name="HandheldFriendly" content="true"/> 
<meta name="MobileOptimized" content="320"/>

至少它不會傷害到使用所有三個，儘管可能是最後兩人將幾乎從來沒有相關。

編輯：原來width=device-width所要求的是相反的。事情是：縮小了每個移動瀏覽器的默認行爲，考慮到內容不適合。其他任何事情都會適得其反。我在沒有任何視口元的各種網站上嘗試使用海豚，並且它按照預期工作。所以你的內容實際上似乎適合，這意味着你的文件width確實等於或小於device-width。這是對的情況爲例，如果你...

...漂浮你的頁面內容
的關鍵因素......填補通過JavaScript（/阿賈克斯）您的內容之後
...擁有絕對的關鍵要素定位
...有一些關鍵因素的負面利潤率內容
...有一個動態的頁面寬度，可以擴展到窗口寬度

當然有更多的可能性。不幸的是，body { min-width: 800px; }（或任何你想成爲最小寬度的）是目前唯一出現在我腦海中的解決方案。

如果您的內容有一個靜態的寬度，你可以嘗試

<meta name="viewport" content="width=980px" />

與980px是你的頁面寬度。但實際上，在這種情況下，無論如何文檔寬度至少應爲980px。所以視口寬度不應該可能達到你想要的。

來源

2014-01-15 22:08:42 Matmarbon

該視口不會做我需要的，但我想要的規模不被設置，我只需要該頁面加載其寬度明智的100％％ – GaelenN

@GaelenN你的要求明確指出，你希望文檔寬度等於設備寬度，這正是「width = device-width」的定義，這導致了公理性的後果，即如果縮小了用戶屏幕的某些部分，它們將無法使用。翻轉是移動瀏覽器頁面查看的默認狀態*您能否解釋爲什麼*有人希望頁面周圍的不可用區域本身與手機屏幕一樣寬，但是*縮小*因此很薄？ – Matmarbon

如果眉毛的默認狀態ser是zoome dout，那麼我不需要這條線。問題不是所有的瀏覽器都認爲這是默認的，所以我需要強制它，頁面必須通過客戶端指令加載它的全部容量。我只是想弄清楚如何強制這種事情發生。 – GaelenN

在不同瀏覽器

回答

相關問題