手机端方正字体区别1em 和2em的区别

来源：蜘蛛抓取(WebSpider) 时间：2015-09-01 03:37 标签： 字体清晰和标准的区别
px、rem和em的区别
今天做了个实验，大致代码如下
。。。。设置p段落文字的大小
=====================了解内容
开始================
【了解下】首页rem的意思就是相对根（html）目录设置的不同字号大小,如果没有设置根目录的字号大小，默认是16px
（比如1.78125rem的字号，=1.7125rem*16px=27.4px）
=====================了解内容
结束================
看例子来理解rem
设置的p段落样式font-size:0.75rem，这个已经固定，如果想让浏览器可是区域改变字号也改变只能改变html的初始font-size的大小，就有了图1所示，不同分辨率下字号大小
1、&571像素分辨率：p段落的字号大小：0.75rem*(2em*16px)=24px
(max-width:571px)，571px下p段落的大小=0.75rem*根目录的字号px，根目录要转化成像素，
1.78125rem*16px=28.5px。根目录的字号就是28.5px了，p段落的值28.5px*0.75rem=21.375px
....依次类推，不同分辨率小html的字号大小在变，依次，p段落的字号也在发生变化
【硬盘备份/rem的使用】
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。您所在的位置： &
CSS中px和em属性的特点与区别
CSS中px和em属性的特点与区别
csschina.net
象素px是我们在定义CSS中经常用到的尺寸大小单位，而em在国外网站中经常被使用，px和em之间究竟有什么区别和特点呢？请看本文详细介绍。
这里向大家描述一下中px和em的特点和区别，px像素（Pixel），相对长度单位，像素px是相对于显示器屏幕分辨率而言的，而em是相对长度单位，相对于当前对象内文本的字体尺寸，相信本文介绍一定会让你有所收获。
详解px和em的特点和区别
象素px是我们在定义CSS中经常用到的尺寸大小单位，而em在国外网站中经常被使用，px和em之间究竟有什么区别和特点呢？
◆px像素（Pixel），相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
◆em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
因此用px来定义字体，就无法用浏览器字体放大的功能。
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。
◆CSS中em属性有如下特点
1.em的值并不是固定的；
2.em会继承父级元素的字体大小。
◆所以我们在写CSS的时候，需要注意
1.body选择器中声明Font-size=62.5%；
2.将你的原来的px数值除以10，然后换上em作为单位；
3.重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
也就是避免1.2*1.2=1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em,因为此em非彼em，它因继承#content的字体高而变为了1em=12px。
但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小，而是稍大一点。这个问题Jorux已经解决，只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值精确度有限。不知道有没有其他的解释。
详文参考：http://www.csschina.net/a/jc/css_871.html
【编辑推荐】
【责任编辑： TEL：（010）】
关于&&&&的更多文章
IE浏览器不支持很多CSS属性是出了名的，即便在支持的部分中，也
我原本是个C程序员，阴差阳错，步入Java大门，转眼十余年...
互联网一大真理便是，有痛点的地方就有机会。现在最想
Eclipse 是一个开源的、可扩展的集成开发环境。平台本
这个架构是从我近期在做的一个项目中剥离出来的，这个
本书是针对全国计算机技术与软件专业技术资格（水平）考试而编写的，书中详尽分析与解答了2006年上半年的程序员级、软件设计师级
51CTO旗下网站CSS中em单位和px单位的区别
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确
实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点
，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的
功能，而国外大多数网站都可以在IE下使用。因为
1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自
CSS2.0手册)
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺
寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么
12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器
中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px,
这样12px=1.2em,&
10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了
em有如下特点：
1. em的值并不是固定的；
2. em会继续父级元素的字体大小。
所以我们在写CSS的时候，需要注重两点：
1. body选择器中声明Font-size=62.5%；
2. 将你的原来的px数值除以10，然后换上em作为单位；
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em
，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继续
#content的字体高而变为了1em=12px。
但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直
接用12px定义的字体大小，而是稍大一点。这个问题 Jorux已经解决，只需在body选
择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值
精确度有限。不知道有没有其他的解释。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。

我要回帖

更多关于 字体清晰和标准的区别 的文章

 

随机推荐