px和em,rem的区别

px
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em
尺寸 em会继承父元素的字体大小
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
rem
相对于浏览器或者html 而言的字体的大小不会继承父级的样式
rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,779评论 1 91
  • 国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1...
    xixihaha520阅读 362评论 0 0
  • 转自http://www.cnblogs.com/leejersey/p/3662612.html 国内的设计师大...
    hope7th阅读 292评论 0 2
  • 作者:HelKyle链接:http://www.w3cplus.com/css/when-to-use-em-vs...
    红叶丶秋鸣阅读 2,620评论 0 3
  • PX特点 IE无法调整那些使用px作为单位的字体大小; 国外的大部分网站能够调整的原因在于其使用了em或rem作为...
    OSong阅读 146评论 0 0
  • 熬过最难熬的时光,一切都会好起来吧!至少恢复到一种平静状态吧!谢谢曾经那么多的回忆来散结现在的无聊时光吧!愿自己勇...
    花样儿阅读 27评论 0 0
  • 十月 晨 天光大亮 扶着栏杆的手有些微凉 从高处眺望 风飘过山中经过红瓦白墙 鸟儿睡去醒来都不曾歌唱 哪料梦中人儿...
    荆芥蓝菜阅读 156评论 0 2
  • 在几年前,由于运营商商业利益的考量,SIM卡作为一个通信核心身份认证实体一直是手机和移动终端的标配,SIM卡英文称...
    metong阅读 1,755评论 1 7
  • 春天在哪里? 她没有如期而至。 那瑟瑟如刀的风强势地堵着人们的耳朵,没有归来大雁的惊啼,没有如鸣佩环的溪流,只有那...
    岳机智阅读 86评论 0 0
  • 在真正为人师者之前,看到书本上那些对老师的颂扬,对教育工作的礼赞,当真觉得有些言过其实,而当我踏上这条“人...
    飞飞很笨阅读 210评论 0 2