手機瀏覽器適配_html/css
來源：懂視網
責編：小采
時間：2020-11-27 16:04:39
手機瀏覽器適配_html/css
手機瀏覽器適配_html/css_WEB-ITnose:meta 做手機網頁經常會看到這樣的一句代碼 width=device-width 設置視圖的寬度等于設備屏幕的寬度 initial-scale=1 設置初始縮放比例為1 minimum-scale=1 設置最小的縮放比例為1 maximum-scale=1 設置最大的縮放比例為1 user-scalab
導讀手機瀏覽器適配_html/css_WEB-ITnose:meta 做手機網頁經常會看到這樣的一句代碼 width=device-width 設置視圖的寬度等于設備屏幕的寬度 initial-scale=1 設置初始縮放比例為1 minimum-scale=1 設置最小的縮放比例為1 maximum-scale=1 設置最大的縮放比例為1 user-scalab
meta
做手機網頁經常會看到這樣的一句代碼
width=device-width 設置視圖的寬度等于設備屏幕的寬度
initial-scale=1 設置初始縮放比例為1
minimum-scale=1 設置最小的縮放比例為1
maximum-scale=1 設置最大的縮放比例為1
user-scalable=no 不允許縮放 做一個簡單粗暴的變換
將視圖的寬度設為320，最大縮放比設為1.3，不設置初始縮放比。
這樣可以將整個視圖進行縮放
rem
字體單位
px 無繼承，常用
em 繼承，相對于父元素繼承
rem 繼承，相對于root繼承，一般為html,為css3屬性，支持IE9+及其他現代瀏覽器
vh 1vh=視窗高度/100，為css3屬性，支持IE9+，chrome20+，firefox19+，safari6+,android browser4.4+
vw 1vw=視窗寬度/100
利用rem
通過js來計算根元素的font-size,從而適應各種屏幕
利用vh
vh本來就是視窗高度的，根據不同的屏幕的視窗高度來適應
p.s.果然我還是不會寫博客
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
手機瀏覽器適配_html/css
手機瀏覽器適配_html/css_WEB-ITnose:meta 做手機網頁經常會看到這樣的一句代碼 width=device-width 設置視圖的寬度等于設備屏幕的寬度 initial-scale=1 設置初始縮放比例為1 minimum-scale=1 設置最小的縮放比例為1 maximum-scale=1 設置最大的縮放比例為1 user-scalab
