CSS改变字体大小而不影响网页

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

我们在网页中使用CSS来设置网页、表格和字体大小,一般使用的是网络上较流行的9磅字:

<STYLE type=TEXT/CSS>

BODY { COLOR: #ff0000; FONT-FAMILY: 宋体; FONT-SIZE: 9pt}

</STYLE>

在CSS中,我把FONT-SIZE设置成9pt,在显示设置成小字体时,我们看到的就是小五号字体显示,但在设置大字体的计算机中就会变成了11磅,网页自然会乱。

CSS可以识别多种数值单位,一般有两种确定文字尺寸的常用单位:pt(points)和px(pixels)。pt代表在文本方式下的点阵字体的那个点,而px是屏幕像素单位。由于所有的计算机系统都支持px单位,只是由于各个计算机所设的显示屏幕的分辨率不一样而产生变化,但现在计算机分辨率相差并不是很明显,所以这个问题就很好地解决了。它们之间有一个简单的换算关系,就是pt单位乘以4/3就是px单位,因此把网页FONT-SIZE设置成12px(同9pt大小),就可以解决这个问题。设置成大字体看看,与小字体没什么区别!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航