-
設(shè)計圖 media 查詢1600 *900-----> font-size 20px ---->1rem 1920*1080---->1.2倍 font-size == 20 *1.2 = 24px ---->1rem 在做設(shè)計圖時，就，將單位換算為rem 500/20 = 25rem 這樣。屏幕變了，，比例也跟著變了。但是整個頁面布局不變查看全部
-
不同屏幕，不同排列查看全部
-
media ----》變寬，變高-----》變排列查看全部
-
pc： media----》定寬-----》盒子定寬，定高 position 定位。 居中------> inline-block. 排成行 移動： media---->定高 -----》定每屏展示的內(nèi)容 -------》盒子---寬度---百分比 -------》flex-------->寬度自動擴(kuò)展。。。。查看全部
-
1查看全部
-
煩煩煩查看全部
-
根據(jù)屏幕寬度變化動態(tài)設(shè)置html的font-size： var htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;//獲取視窗寬度 var htmlDom=document.getElementsByTagName('html')[0]; //獲取html,以便對其進(jìn)行操作 htmlDom.style.fontSize=htmlWidth/10+'px';//html的font-size是屏幕寬度的十分之一查看全部
-
rem是針對html設(shè)置的字體來算的，默認(rèn)1rem=16px; html的font-size設(shè)置為多少px，1rem就等于多少px查看全部
-
rem單位相對于根元素html而言查看全部
-
@media(媒體類型screen/print)and (媒體特性min-width/max-width)查看全部
-
移動端： 1.定高，寬度百分比； 2.flex布局； 3.@media媒體查詢控制樣式查看全部
-
移動web開發(fā)特點(diǎn)： 1.跑在手機(jī)端的頁面（H5頁面）； 2.跨平臺（IOS和安卓）； 3.基于webview（可以看做是一個瀏覽器）； 4.告別IE，擁抱webkit; 5.更高的適配和性能要求查看全部
-
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; //獲取視窗寬度查看全部
-
@media screen and (max-width:900px){ ... }查看全部
-
獲取視窗口寬度 let htmlWidth=document.documentElement.clientWidth||document.body.clientWith查看全部
舉報
0/150
提交
取消