文章详情页
前端 - 使用css3 rem设置百分比出现的问题？
浏览：88日期：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. mysql优化 - mysql count(id)查询速度如何优化?2. python - django 里自定义的 login 方法，如何使用 login_required()3. javascript - git clone 下来的项目 想在本地运行 npm run install 报错4. node.js - node_moduls太多了5. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？6. angular.js - 不适用其他构建工具，怎么搭建angular1项目7. 主从备份 - 跪求mysql 高可用主从方案8. android-studio - Android 动态壁纸LayoutParams问题9. python如何不改动文件的情况下修改文件的 修改日期10. 在Java中System.out.println 只能在method中使用吗?
排行榜
网公网安备