viewport中的屬性

2021-10-05 02:48:40 字數 414 閱讀 3063

在開發移動端專案的時候,對 viewport 進行適配是必不可少的

"viewport" content=

"width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"

>

總結下 通過meta標籤的content屬性對viewport 進行的幾個配置

1.width:設定 viewport 的寬度,為乙個正整數

2.initial-scale 預設縮放比

3.minimum-scale 允許使用者最小比例縮放

4.maximum-scale 允許使用者最大比例縮放

5.user-scalable 是否允許手動縮放 boolean值

meta中viewport屬性值

屬性 說明width 視窗寬度,值為字串 width device 或乙個正整數 height 視窗高度,值為字串 height device 或乙個正整數 initial scale 頁面初始縮放值,值為數字,並支援小數 minimum scale 允許使用者縮放的最小值,值為數字,並支援小數 u...

viewport屬性說明

手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中,通常這個虛擬的 視窗 viewport 比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中 這樣會破壞沒有針對手機瀏覽器優化的網頁的布局 使用者可以通過平移和縮放來看網頁的不同部分。移動版的 safari 瀏覽器最新引進了 viewport ...

Meta標籤中的viewport屬性及含義

慣例 我是溫浩然 最近在學習移動網頁開發,首先看到head裡面設定了下面這個屬性 通過蒐集資料,大體了解了viewport屬性的含義。手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中,通常這個虛擬的 視窗 viewport 比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中,也不會破壞 沒有...