博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
rem的用法
阅读量:4653 次
发布时间:2019-06-09

本文共 338 字,大约阅读时间需要 1 分钟。

在你需要用rem的页面中加入下面的一段js

 <script>
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/750*100 + 'px';
</script> 
 
750为设计稿的宽度,设计稿宽度为多少js中就除多少。然后在你需要用到rem的地方,把你原来px的值除100得到的就是rem的值。
 

比如: font-size:20px;  换成rem就是font-size:0.2rem;

这样字体大小就会根据不同屏幕的大小而显示具体的文字。

转载于:https://www.cnblogs.com/c-l-m/p/7814850.html

你可能感兴趣的文章
javascript简史
查看>>
java 5 Lock
查看>>
mybatis之动态SQL
查看>>
HTML基础
查看>>
MYSQL 常用语句保存
查看>>
json和对象相互转化方法
查看>>
BZOJ 4173: 数学
查看>>
1289 大鱼吃小鱼 1305 Pairwise Sum and Divide 1344 走格子 1347 旋转字符串 1381 硬币游戏...
查看>>
利用Scrapy爬取自己的CSDN博客
查看>>
易语言运算命令的解释(位取反、位于、位或、位异或)
查看>>
真人测试网站用户体验的超棒在线服务 - Peek by UserTesting
查看>>
Rstudio 实现 爬虫 文本分词 个性化词云设计--我爱中国我爱党
查看>>
表单验证提交——submit与button
查看>>
5.1对终端进行读写
查看>>
DirectX中的纹理及其创建
查看>>
20145322第九周JAVA程序设计基础学习总结
查看>>
面向对象(OOP)基本概念
查看>>
(C#) 多线程访问探讨,如果保证线程安全?
查看>>
NOIP2013火柴排队[逆序对]
查看>>
DataPipeline的增量数据支持回滚功能
查看>>