-
百分比--移动端简单适配
查看全部 -
Media Query(媒体查询)
查看全部 -
响应式布局
查看全部 -
移动web适配
查看全部 -
图片可以自适应高度,给一个display: block;去掉底部间隙即可
查看全部 -
npm install node-scss node-sacc a.scss b.css
查看全部 -
and条件
查看全部 -
1rem = 17px = (html的font-size)
查看全部 -
1rem 等于浏览器上默认的font-size px
查看全部 -
rem原理
查看全部 -
media
查看全部 -
常见适配方法
查看全部 -
11111111
查看全部 -
rem原理与简介
字体单位:值根据HTML根元素大小而定,同样可以作为宽度,高度等单位。
适配原理:将px替换成rem,动态修改html的font-size适配。
兼容性:IOS6以上和Android2.1以上,基本覆盖所有流行的手机系统。
查看全部 -
@function px3rem($px){
$rem : 37.5px;
@return ($px / $rem) +rem;
}
var htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
var htmlDom = docuement.getElementsByTagName("html")[0];
htmlDom.style.fontSize = htmlWidth / 10 +"px";
查看全部
举报
0/150
提交
取消