屬性
說明width
視窗寬度,值為字串"width-device"或乙個正整數
height
視窗高度,值為字串"height-device"或乙個正整數
initial-scale
頁面初始縮放值,值為數字,並支援小數
minimum-scale
允許使用者縮放的最小值,值為數字,並支援小數
user-scalable
是否允許使用者進行縮放,值為字串"yes"或"no"
maximum-scale
允許使用者縮放的最大值,值為數字,並支援小數
shrink-to-fit
ios9 使用「width = device-width」的視口元標記會導致頁面縮小以適應溢位視口邊界的內容。 可以通過在元標記中新增「shrink-to-fit=no」來覆蓋此行為,新增的值將阻止頁面縮放以適合視口。
Meta標籤中的viewport屬性及含義
慣例 我是溫浩然 最近在學習移動網頁開發,首先看到head裡面設定了下面這個屬性 通過蒐集資料,大體了解了viewport屬性的含義。手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中,通常這個虛擬的 視窗 viewport 比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中,也不會破壞 沒有...
Meta標籤中的viewport屬性及含義
一 什麼是viewport 手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中,通常這個虛擬的 視窗 viewport 比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中,也不會破壞沒有針對手機瀏覽器優化的網頁的布局,使用者可以通過平移和縮放來看網頁的不同部分。移動版的 safari 瀏覽器最...
1 meta標籤 viewport 屬性
說了這麼多,那我們為什麼總是使用呢?解析這個語句發現,它實現的功能就是讓viewport的寬度為裝置寬度,在viewport中布局完成後顯示在螢幕上時不縮放,即布局是怎樣,顯示就是怎樣。這樣我們在製作網頁時只需要直接針對手機螢幕大小進行設計,不用考慮那麼多複雜的問題,大大節約我們的腦細胞。viewp...