-
1rem = 17px = (html的font-size)
查看全部 -
1rem 等于浏览器上默认的font-size px
查看全部 -
rem原理
查看全部 -
media
查看全部 -
常见适配方法
查看全部 -
11111111查看全部 -
rem原理与简介
字体单位：值根据HTML根元素大小而定，同样可以作为宽度，高度等单位。
适配原理：将px替换成rem，动态修改html的font-size适配。
兼容性：IOS6以上和Android2.1以上，基本覆盖所有流行的手机系统。
查看全部 -
我完整的实现了一遍，如需要源码，可以下载 https://github.com/jiechud/notes/tree/master/html/Demo/rem 如果帮助，欢迎 star
查看全部 -
@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";
查看全部 -
rem适配页面
与css结合使用
查看全部 -
开发和适配
查看全部 -
一、rem：font size of the root element
查看全部 -
一、media query(媒体查询)
1、@media 媒体类型 and (媒体特性) {/*css样式*/}
2、媒体类型：screen, print...
3、媒体特性：max-width, max-height...
查看全部 -
一、pc适配方法
1、960/1000px居中
2、盒子模型（CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容），定高，定宽
3、display: inline-block
二、移动适配
1、定高，宽度百分比
2、flex。
3、media query(媒体查询)
查看全部 -
一、aSuncat：较多的是rem最基础原理，只涉及手机端h5页面，看目录没有pc和手机端的混合开发，还是去百度网盘看《所向披靡的响应式开发》（慕课网上也叫《响应式开发一招致胜》）的好。
二、对于手机而言，兼容所有html5新特性，所以html5写的手机端页面也叫h5页面。
三、webview：移动终端技术的一个开发组件，可以简单理解为一个浏览器。
查看全部
举报