欢迎访问 合肥网站优化公司-中拓网络科技有限公司 咨询服务热线:15345604419
Logo
新闻分类
联系方式
固定电话:0551-65321807
手机:15345604419 
全国统一客服热线:0551-65321807 
E-MAIL:272579841@qq.com
地址:安徽合肥天达路2号安徽大学科技园创新楼四楼
网址:http://www.czwlgs.cn/
详细内容 Home您所在的位置:网站首页 >> 新闻资讯 >> 域名注册 >> 详细信息

css中px,em,rem的区别

发布时间:2017-01-04   阅读:2165次
PX特点是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。今天合肥网站优化小编来跟大家介绍,css中px,em,rem的区别。
  PX特点是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。今天合肥网站优化小编来跟大家介绍,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.seoo1.cn/

上一篇: 网站导航的设置要慎重考虑
下一篇: 合肥网站建设与优化如何展现商业性目的?
中拓网络科技有限公司  版权所有
客服电话:0551-65321807 手机:15345604419   地址:安徽合肥天达路2号安徽大学科技园创新楼四楼
合肥网站优化  合肥网站建设 合肥网站推广 合肥关键词优化
收缩
  • QQ咨询

  • 合肥网站优化公司-中拓网络科技有限公司
  • 合肥网站优化公司-中拓网络科技有限公司
  • 电话咨询

  • 15345604419