css中px,em,rem的区别

css中px,em,rem的区别发布时间2017-02-14    人气:    来源:融科网络
PX特点
相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
css中px,em,rem的区别
css中px,em,rem的区别
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.zzxk.cn/info/227.html
本文标签: 像素 浏览器 ss px em rem 分辨率

荥阳上街做网站融科网络 融科网络,让世界看到最好的你!
服务项目
网站建设
UI设计
优化推广
托管运维
案例展示
VI设计
网站建设
手机程序
新闻资讯
建站设计
网站优化
行业相关
常见问题
关于我们
融科简介
联系我们
XML地图
网站地图
联系我们
咨询热线:151-3895-5886
邮箱:admin@zzxk.cn
客服QQ:7758021( 微信号 )
地址:郑州市上街区和昌都汇广场
融科网络微信二维码

Copyright 2008-2018 郑州市上街区融科网络

豫ICP备18033572号
Copyright © 2008-2018 郑州融之科网络 版权所有