`
percy30856
  • 浏览: 134588 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论

传说中的em度量

阅读更多
以下内容纯属网络摘抄,若有。。。。。(实在不想写了)


  在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因为有一部法律来约束他们—例如美国的Section 508,强制网站达到一定的易用性。

      关键点:

  1. IE无法调整那些使用px作为单位的字体大小;

  2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;

  3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。

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

  em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

  任意浏览器的默认字体高都是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处理汉字时,对于浮点的取值精确度有限。不知道有没有其他的解释。
分享到:
评论

相关推荐

    weka 中em算法详细解析

    标题:“Weka中EM算法详细解析” 描述:“深入解析Weka中的EM算法,内容详尽,值得学习。” 根据给定的文件信息,我们将探讨Weka中EM算法的关键知识点,包括其在Weka框架中的实现、EM算法的工作原理、以及算法在...

    EM4305和4205中文数据手册.doc

    EM4205/4305的运行模式储存在EEPROM的配置字中。通过设置保护位,所有的EEPROM字都可以被写保护。这款芯片包含了工厂编程的32位唯一识别码(UID)。 EM4205和EM4305的技术规格 * 16个32位的数据块组成512位EEPROM ...

    UHF芯片EM4325规格书

    芯片可以作为 SPI 主设备或 SPI 从设备,允许 EM4325 在高级 RFID 标签或嵌入式应用中充当 RF 前端和协议处理器。 EM4325 芯片提供了高性能、可靠性和灵活性,适合各种 RFID 应用场景,例如供应链管理、资产管理、...

    中文经典EM算法介绍

    EM算法,全称为期望最大化(Expectation-Maximization),是统计学和机器学习领域中一个重要的算法,尤其在处理含有隐变量的概率模型时非常有效。它通过迭代的方式,交替进行期望(E)步骤和最大化(M)步骤,来求解...

    EM algorithm_EM_EMalgorithm_

    在实际应用中,EM算法广泛应用于混合高斯模型(GMM)的参数估计、隐马尔科夫模型(HMM)的训练、基因序列分析、推荐系统等领域。通过理解并掌握EM算法的原理及其实现,我们可以解决许多实际问题,尤其是在数据不完全...

    Delphi读写低频动物标签EM4205、EM4305、EM4469

    Delphi开发读写ISO11784/11785低频RFID动物标签EM4205/4305、EM4469/4569,将EM4205/4305卡制作成ID门禁卡等。 EM4305/EM4205卡的EEPROM储存空间为512位,分为16个块,每个块32位,块1为UID块,块2为密码块,块4为...

    The EM Algorithm and Extensions:EM算法及其扩展.pdf

    此外,书中还讨论了通用化EM算法(Generalized EM Algorithm)、基于一阶牛顿-拉弗森步的GEM算法(GEM Algorithm Based on One Newton-Raphson Step)以及EM梯度算法(EM Gradient Algorithm),这些都是EM算法的...

    EM_阈值分割_EM算法_EM阈值_EM算法图像_图像分割_

    在“EM阈值”这一概念中,阈值不再是一个固定的值,而是由EM算法动态地学习得到。相比于传统固定阈值方法,这种动态阈值能够更好地适应图像的复杂性,特别是在图像中存在光照不均匀、噪声大或者目标与背景对比度低的...

    EM算法硬币_EM算法_EM_

    EM算法,全称为期望最大化(Expectation-Maximization),是一种在概率模型中寻找参数最大似然估计的迭代方法。在处理含有隐藏变量的概率模型时,EM算法能够有效地找到使得数据似然性最大的参数。在这个场景中,我们...

    EM算法_buriedgz9_EM算法_EM_EM算法贝叶斯_稀疏贝叶斯

    EM算法,全称为期望最大化(Expectation-Maximization),是一种在概率模型中寻找参数最大似然估计的迭代方法。在处理含有隐藏变量的概率模型时,EM算法能够有效地找到使得数据似然函数最大的参数值。这一算法由...

    EM4095 典型应用

    EM4095是一款专为125kHz低频RFID(无线频率识别)系统设计的读卡器芯片,常用于门禁系统、动物追踪、资产管理等应用中。这款芯片的特点在于其高效率和易用性,使得它成为许多低频RFID解决方案的理想选择。 在EM4095...

    EM277 GSD文件

    EM277模块是西门子为S7-200设计的一个重要扩展部件,旨在增强其通讯能力,特别是在Profibus-DP网络中的应用。Profibus-DP(Decentralized Peripherals)是一种高速、可靠的工业现场总线标准,常用于连接分布式I/O...

    EM4095手册EM4095手册

    EM4095(曾用名P4095)是EM Microelectronic-Marin SA公司推出的一款CMOS集成收发器芯片,主要用于125kHz RFID基站中的读写模拟前端。该芯片能够实现天线驱动、调制与解调等核心功能,适用于各种RFID应用场景。 ###...

    机器学习中的EM算法详解及R语言实例.pdf

    机器学习中的EM算法详解及R语言实例 机器学习中的EM算法是机器学习领域中一种常用的参数估计算法,用于解决含有隐变量的问题。EM算法的全称是Expectation-Maximization Algorithm,意为期望最大化算法。该算法可以...

    西门子EM277模块_GSD文件.rar

    西门子EM277模块是西门子S7-300系列PLC系统中的一个通信模块,专为实现PLC与不同设备间的Profinet IO通信而设计。GSD(Generic Station Description)文件是西门子为该模块提供的一种配置文件,用于在Profinet网络中...

    EM235接线图

    下面将详细介绍EM235接线图中的关键部分: ##### 1. 模拟量输入接线 - **电源连接**:首先,需要为EM235提供稳定的24V DC电源。通常,电源正极连接到模块上的“M+”端口,负极连接到“M-”端口。 - **输入信号连接...

Global site tag (gtag.js) - Google Analytics