怎么理解CSS中的rem及移动端的布局方法


本文小编为大家详细介绍“怎么理解CSS中的rem及移动端的布局方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么理解CSS中的rem及移动端的布局方法”文章能帮助大家解决疑惑,下面跟着小编的免费云主机域名思路慢慢深入,一起来学习新知识吧。
一、rem是什么?
rem是css3中新增加的一个单位属性(fontsizeoftherootelement),根据页面的根节点的字体大小进行转变的单位。root!!!!!!!!!根节点,也就是html。
例:(下面例子中的根节点是html,它的字体大小是100px,所以根节点下面的元素所设置的rem,都是1rem=100px。)
rem的初始值是16px,也就是说在没有设置根节点的font-size的时候,1rem=16px

html,body{font-size:100px;}
header{height:1rem;width:1rem;}

二、em是什么
em也是一个相对单位,em单位是根据父元素的字体大小来进行转变的单位。
1、em的值并不是固定的;
2、em会继承父级元素的字体大小。
父节点
例:
//父元素的字体大小是100px

相关推荐: vue如何实现原生下拉刷新

这篇文章给大家分享的是有关vue如何实现原生下拉刷新的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。文字样式html代码 下拉刷新 上拉刷新 js代码css代码 我这边用的是scss 如果下拉刷新用动画就用这个css样式图片的话我用的…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/14 11:32
下一篇 01/14 11:32

相关推荐