快速业务通道

如何在CSS中设定文本的尺寸

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-02

简介

这是一篇介绍如何使网站字体大小更加合理的文章,他教给我们什么才是字体标准化单位,并不是传统的px,而是em!

典型的说,一个 em (发音为 emm) 是个垂直间距的印刷单位,是个浮动的(相对的)度量。一个 em 是一个文本尺寸的距离。 在10像素的字体里,一个 em 就是10像素。在18像素的字体里,它就是 18像素。因此, 在任何文本尺寸下,1em 的边距都会是成比例的

如何在CSS中设定文本的尺寸

使用 CSS 指定屏幕中文本的尺寸,可以通过像素,ems,或者关键字。众所周知,通过像素限定尺寸很容易:给定一个选择器(selector) 再设置一个 font-size 即可--不用太费心思。用关键字限定尺寸则更加复杂而且还需要一点变通措施,但是幸运的是这项技术有完善的文档。于是就剩下 ems 了。人们普遍不重视它。“Ems 太缺乏一致性了,”他们说,“它们太难了;它们根本不管用。” 这也许算是一种常识吧,不过,如果世上真有FUD(fear, uncertainty and doubt)的实际例子的话,这就是一个。我现在就让你看看:em用起来也可以跟像素一样简便。

为什么要使用 ems?

如果这个世界是个理想的地方,我们将全部使用像素。但是它不是,我们需要同破烂浏览器斗争。 通过像素限定尺寸的文字,IE/Win 将不允许读者其改变的大小(译者:仅限于IE6,在IE7以上的版本,声明成像素的文字依然可以被改变尺寸,鉴于IE6已经不在是主流浏览器了,作者这个2004年观点已经过时了)。无论你是否喜欢,你的读者在某些地方的确想要改变文本的大小。也许他们近视,正在做一个演示,正在使用一个可笑的高分辨率的手提电脑,或者就是因为眼睛累了。所以除非你知道(不是认为)你的读者不使用 IE/Win 或者从来不希望改变他们的文本大小,那么像素(pixels)仍然是个可用的解决方案。

依靠关键字文本尺寸的设定允许所有的浏览器改变文本的大小,所以这也是一种可能,但是我没有发现它能给于我像素一般的精确。然而使用 ems, 允许所有的浏览器改变文本大小并且也提供了像素级别的精度,因此他们成为我单位选择的倾向。

继续

好,让我们钻进 ems。 我将粗略的展现给你如何在一篇文档中用ems改变文本的尺寸。我将假定我们已经把浏览器设置成“中”文本大小。在所有现代浏览器中,中等大小的文本的默认尺寸是16px。我们的第一步就是要要通过将设定body的尺寸设成 62.5% 来把整个文档的这个尺寸改小。

BODY {font-size:62.5%}

这会把 16px 下调至仅仅是我正在使

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号