2013-11-22 32 views
7

在Zurb基金會4.0中,docs說成包括(在一個頁頭):爲什麼在Foundation 5.0中更改了視口標記?沒有寬度=設備寬度?

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

在Zurb基金會5.0中,docs說使用:

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

注意,「寬度=設備寬度「規格被丟棄。爲什麼?

我見過的每個響應式設計框架都包含「width = device-width」規範。它是做什麼的,爲什麼Foundation 5.0放棄它?

回答

7

它得到了去除讀由於內部溝通不暢。單獨擁有width=device-width會導致在切換到橫向模式時某些設備上的縮放,通過添加initial-scale=1.0可以解決某些問題。但是,只有initial-scale=1.0纔會打破Android上的視口。

的下載應該有樣品index.html在正確的視口標籤(<meta name="viewport" content="width=device-width, initial-scale=1.0" />),以及文檔應該被現在固定的,但我們知道,如果你發現一個錯誤。

2

我不知道爲什麼它掉在基金會5,可能是一個錯誤!

它將瀏覽器的佈局視口設置爲與設備寬度相對應的CSS聲明(如寬度:20%)。

(順便說一句,Opera公司提出端口此功能完整的CSS,這一切的一切似乎是一個不錯的主意。但是現在我們堅持用HTML標記。)

通常佈局視窗寬度由供應商決定是查看桌面網站的最佳選擇。 通過將元視口設置爲設備寬度,可以確保您的網站的寬度針對正在查看的設備進行了優化。

你可以做到這一點也利用媒體查詢..

你可以清楚地在這裏http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html

+0

非常好的解釋和非常感謝。考慮到這種情況,我認爲Zurb工程師的答案已被接受,因爲他確認這是一個錯誤。 –

+0

感謝Daniel Kehoe – chinmayahd