meta使HTML自適應手機端寬高

2021-09-10 07:29:28 字數 435 閱讀 8277

meta使html自適應手機端寬高

將下面一行**加入到頁面head中

name

="viewport"

content

="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"

/>

width=device-width :表示寬度是裝置螢幕的寬度

initial-scale=1.0:表示初始的縮放比例

minimum-scale=0.5:表示最小的縮放比例

maximum-scale=2.0:表示最大的縮放比例

user-scalable=yes:表示使用者是否可以調整縮放比例

總結自適應手機meta

在網頁的中增加以上這句話,可以讓網頁的寬度自動適應手機螢幕的寬度。其中 width device width 表示寬度是裝置螢幕的寬度 initial scale 1.0 表示初始的縮放比例 minimum scale 0.5 表示最小的縮放比例 maximum scale 2.0 表示最大的縮放比...

html 自適應手機端寬度

meta name viewport content width device width,initial scale 1 viewport是網頁預設的寬度和高度,上面這行 的意思是,網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1....

頁面自適應手機顯示

只需要一句話 解析 解釋 content中的 width 這個width指的是什麼寬度,我看過的文章對這個都沒有解釋的很清楚,有幾個備選 虛擬視窗的寬度 手機螢幕的寬度 還是頁面的寬度等等?經試驗這個指的是虛擬視窗的寬度。了解寬度之後,對後續的各種scale,就應該知道是誰與誰的比例,是 虛擬視窗寬...