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