文章详情页
前端 - 使用css3 rem设置百分比出现的问题？
浏览：164日期：2023-07-19 11:51:43
问题描述
demo 在这 http://jsbin.com/woquxuhoko/2/edit?html,css,output
如果html{font-size:62.5%}(1rem=10px)那么p{font-size:2rem;line-height:2rem}浏览器实际的长度为p{font-size:20px;line-height:24px}而且@media 改变font-size百分比,font-size会跟着改变而line-height的实际大小（px）不会改变。如果html{font-size:20px}(1rem=20px)那么p{font-size:1rem;line-height:1rem}p{font-size:20px;line-height:20px}而且@media 改变font-size像素大小,font-size会跟着改变,line-height的大小也会跟着改变。
为什么百分比和实际像素会出现这样的差别？
问题解答
回答1：之前看到的一篇关于line-height的很详细的文章，希望可以帮到你http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html
标签：
CSS
相关文章：
1. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题2. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）3. mysql - SQL操作时间的函数?4. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！5. MYSQL新建用户设置可以远程访问的问题6. java - mybatis怎么实现在数据库中有就修改,没有就添加7. angular.js - angularjs的自定义过滤器如何给文字加颜色？8. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？9. docker-compose中volumes的问题10. docker api 开发的端口怎么获取？
排行榜
![$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题](http://www.haobala.com/attached/image/news/202205/093622cb60.png)
网公网安备