2012-06-14 44 views
4

我有一個優化的移動網頁查看網頁。爲什麼網頁在從橫向到縱向旋轉移動設備後會放大?

我正在使用viewport中繼標記<meta name = "viewport" content = "width = device-width">,它檢測設備寬度並將視口寬度設置爲。這意味着我的網頁可以在移動瀏覽器中正常加載,而不是看起來可笑地縮小。

當我在我的手機(這是一個三星Galaxy S2)在縱向模式下加載頁面,它看起來很好,我旋轉到風景,它看起來很好,但如果我再次旋轉回肖像頁面已放大在略微。我必須縮小或水平滾動。

爲什麼我的手機瀏覽器會這樣做,我該如何阻止它發生?

查看屏幕截圖,瞭解正在發生的事情。

enter image description here

+0

呀,這是發生對我來說太 –

回答

-1

這是你所需要的

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


<meta name="viewport" content="width=device-width" /> 
+0

你可以闡述爲這是什麼會做嗎?從看它看來,這似乎會阻止用戶手動放大/縮小。 –

+0

你需要兩個嗎?即使我熟悉視口元標記,這個答案也會讓我感到困惑。我在iOS上看到了這一點,並使用第二行來獲得一個體面的解決方案,但它仍然是Android上的一個問題。 – Kevlar

相關問題