一行css代码实现rem，不再使用js实现rem
2019-06-27 18:51
281 查看
版权声明：署名，允许他人基于本文进行创作，且必须基于与原先许可协议相同的许可协议分发本文 （Creative Commons）
一直以为rem的实现是靠JS实现，网上的rem.js五花八门，少的10多行代码，多的甚至上百行，其中一个在使用过程中在安卓和苹果中的大小居然不一样，苹果被缩小了二倍。。。。
最近发现只要一行css代码就与五花八门的rem.js作用一样：
html{
font-size: calc(100vw/6.5)
}
拿到650px设计稿以后，这样算下来按照设计稿实际大小除以100就是rem的大小了，简单实用，抛弃rem.js，从我做起!!!
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 移动端开发 rem js 代码 及 css 的@media 使用
- Maven JavaWEB项目使用Gulp自动构建js和css实现代码压缩、版本后缀
- 如何使用jquery动态加载js,css文件实现代码
- 如何使用jquery动态加载js,css文件实现代码
- 使用一行CSS代码来实现网页全屏效果
- 使用Altas的pageMethods对象实现JS与服务器端代码交互
- CSS+JS实现很流行的用户列表代码
- JS实现的客户端使用的播放器代码
- 网站变黑白色CSS一行代码实现
- 牛刀小试：使用Reactive Extensions（Rx），一行代码实现多线程任务执行规定时间后自动停止
- 使用原生js实现页面蒙灰(mask)效果示例代码
- 不使用反射，“一行代码”实现Web、WinForm窗体表单数据的填充、收集、清除，和到数据库的CRUD
- 有关打印、收藏等的JS代码（打印等主要使用了一个IE组件来实现）
- Js+css实现的一款漂亮宽屏图片切换代码
- DIV+CSS+JS实现不间断横向滚动代码
- 使用JAVA实现JS/CSS的gzip压缩功能
- 用js实现的DIV+CSS编辑器代码
- JS实现全选、不选、反选的代码及使用方法
- 使用Animate.css和wow.js，实现各大网站常用的页面加载动画
- 使用js操作css实现js改变背景图片示例