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

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

我们在网页中使用 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大小)，就可以解决这个问题。设置成大字体看看，与小字体没什么区别！

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>