-
设计图 media 查询1600 *900-----> font-size 20px ---->1rem 1920*1080---->1.2倍 font-size == 20 *1.2 = 24px ---->1rem 在做设计图时，就，将单位换算为rem 500/20 = 25rem 这样。屏幕变了，，比例也跟着变了。但是整个页面布局不变查看全部
-
不同屏幕，不同排列查看全部
-
media ----》变宽，变高-----》变排列查看全部
-
pc： media----》定宽-----》盒子定宽，定高 position 定位。 居中------> inline-block. 排成行 移动： media---->定高 -----》定每屏展示的内容 -------》盒子---宽度---百分比 -------》flex-------->宽度自动扩展。。。。查看全部
-
1查看全部
-
烦烦烦查看全部
-
根据屏幕宽度变化动态设置html的font-size： var htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;//获取视窗宽度 var htmlDom=document.getElementsByTagName('html')[0]; //获取html,以便对其进行操作 htmlDom.style.fontSize=htmlWidth/10+'px';//html的font-size是屏幕宽度的十分之一查看全部
-
rem是针对html设置的字体来算的，默认1rem=16px; html的font-size设置为多少px，1rem就等于多少px查看全部
-
rem单位相对于根元素html而言查看全部
-
@media(媒体类型screen/print)and (媒体特性min-width/max-width)查看全部
-
移动端： 1.定高，宽度百分比； 2.flex布局； 3.@media媒体查询控制样式查看全部
-
移动web开发特点： 1.跑在手机端的页面（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
提交
取消