關於viewport,讓頁面適用任何手機

2021-07-26 01:54:36 字數 426 閱讀 3392

<

metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no">

第一次遇到這個自己存在疑惑,

width--viewport的寬度,height--viewport的高度,initial-sacle --初始的縮放比例,

minimum-scale --允許使用者縮放到的最小比例,maximum-scale --允許使用者縮放到的最大比例,

user-scale --使用者是否可以手動縮放;頁面適合任何手機的使用viewport

自適用布局viewport 和 media

用於解決pc頁面能在手機上正常顯示,不會因螢幕變小而擠壓布局導致頁面排版混亂的問題。name viewport content width device width,initial scale 1.0,maximum scale 1.0,user scalable no 這段 的幾個引數解釋 med...

html頁面中的Viewport設定

在很多個html頁面中都可以看到下面這句,那麼具體是什麼意思呢?width 控制 viewport 的大小,可以指定的乙個值,如果 600,或者特殊的值,如 device width 為裝置的寬度 單位為縮放為 100 時的 css 的畫素 height 和 width 相對應,指定高度。initi...

通過viewport實現jsp頁面支援手機縮放

要加入 user scalable yes 標籤 其中個屬程式設計客棧性的意思 width viewp程式設計客棧ort的寬度 height viewport的高度 initial scale 初始的縮放比例 minimum scale 允許使用者縮放到的最小比例 maximum scale 允許使...