rem 自适应适配方法
2018-11-22 08:41:47来源：博客园 阅读 ()
rem是指相对于根元素（html）的字体大小的单位，它是一个相对单位，它是css3新增加的一个单位属性，我们现在有很多人用的都是px,但px是一个绝对单位，遇到分辨率不同的设备，做出的页面可能会乱，这就给我们造成了很大的影响，而且后期的修复也很费时间，所以rem是一个很不错的适配方法。rem的初始值是16px，也就是说在没有设置根节点的font-size的时候，1rem=16px；
下面直接进入例子：
在这里设置html的font-size:20px;就代表1rem=20px;
接下来就可以根据上面推算设置button的样式，1rem=20px;
width:6rem==>width:120px;height:4rem==>height:80px;
可以给大家推荐一个px、em、rem换算的软件：http://pxtoem.com/
可能会有很多人在想em和rem有什么区别呢？
em也是一个相对单位，但它是相对父元素的字体大小来转换单位的，它的值并不是固定的，它会继承父级元素的字体大小，
例如：
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
下一篇：CSS 简介
- 两个div并排，右边div固定宽度，左边宽度自适应 2020-06-03
- 两个div并排，左边div固定宽度，右边宽度自适应 2020-06-03
- 超大分辨率屏幕适配方案 2020-03-17
- 移动端适配-动态计算rem 2020-03-17
- 移动端分辨率+小程序的自适应单位RPX 2020-03-16
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
