网站首页 > css中px,em,rem的区别
来源:合肥网站优化 发布时间:2017/3/17 浏览次数:1321次
很多人都分不清css中px,em,rem,今天合肥网站优化小编来跟大家具体介绍。
PX特点是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
EM特点
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
所以我们在写CSS的时候,需要注意两点:
1. body选择器中声明Font-size=62.5%;
2. 将你的原来的px数值除以10,然后换上em作为单位;
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
rem特点
rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem.对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。
以上就是合肥网站优化小编整理的内容,更多相关资讯欢迎访问http://www.zosyo.com/
>> 相关文章:
·合肥网站优化公司怎么优化网站·网站不包括的主要原因是什么?
·安徽网站优化多少钱
·安徽网站制作公司在企业如何进行有效的网络推广
·安徽合肥网络公司的站点服务器维护要做什么工作
·为何您的合肥网站优化方式不起作用
·安徽网站建设从PC端到手机端一般会遇到什么问题?
·合肥seo优化如何提升搜索引擎收录效果
·安徽网站制作如何评价网站建设的质量效果?