meta中viewport屬性值

2021-09-01 18:25:59 字數 456 閱讀 2616

屬性

說明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...