|
计算机屏幕显示的网页内容可能比打印出来的文字要大或者小。屏幕中内容的尺寸取决于多种因素,其中包括显示器尺寸和分辨率。例如,一行打印出来是1英寸长的文字,在非常大的屏幕(例如,25英寸)上或者在低分辨率的显示器(例如,640*480)上显示出来,要比1英寸长。同样是1英寸长的文字,在非常小的屏幕(8英寸)或者在高分辨率的显示器(1024*768)上显示的要比1英寸短。拿一把直尺放到计算机屏幕上,将它与软件在屏幕上显示的标尺进行比较可以看到:标尺通常不匹配。 影响内容(即使只有文字)大小的另一个因素是“文字分辨率”。Windows操作系统与MAC操作系统使用的文字分辨率也不同。这种差别导致在Mac上看到的网站中的文字比在Windows上看到的文字小。 文字分辨率是指在屏幕上用来显示1英寸的屏幕像素的数量。Mac操作系统每英寸使用72屏幕像素,Windows操作系统使用96屏幕像素。 印刷业用“磅”来衡量字体尺寸,72磅等于1英寸,72磅的字体打印出来是1英寸高;36磅的字体打印出来的是1/2英寸高。 Mac操作系统的方案是屏幕像素与印刷业的“磅”的大小相等:1磅=1像素。在Windows操作系统中,1磅=1.333像素。一个72磅的字母,打印出来的是1英寸高,在Mac屏幕上显示高为72像素,但是在Windows计算机上显示高为96像素。当然这些像素实际能跨越的英寸数取决于显示器的尺寸和分辨率,但是,如果这些都一样,那么一个给定的字体在Windows计算机中显示的大小比在Mac计算机中显示的大小要大33%。 使用Mac操作系统的默认文字分辨率时,相同的文字在Mac计算机上显示所对应的近似有效字体尺寸。 新版Mac的Web浏览器,例如,IE 5和Netscape Navigator 6,使用默认的96像素每英寸的文字分辨率,自动纠正这个差别。在这些浏览器中,在Mac计算机与Windows PC上文字的视觉尺寸相同。早期的Mac浏览器,例如IE 4和Navigator 4,坚持了Mac固有的文字分辨率:每英寸72像素,无法改变。因此,使用早期浏览器的Mac用户比使用Windows或者更新版本的浏览器的用户,看到的网站文字要小。 有几种方法保证网站显示的文字大小适合所有访问者: 1.避免字体小于14磅,这里最简单的方法,也是最受限制的方法。 2.使用脚本语言检查用户使用的浏览器,然后使用不同的样式表——为早期的浏览器指定的字体要大于新版本的浏览器。 3.在样式表中定义字体时,使用预先定义的逻辑字体尺寸关键字——medium(中)、large(大)、x-large(较大)、xx-large(特大),代替绝对的“磅”尺寸。避免使用较小的逻辑尺寸——small(小)、x-small(较小)、xx-small(特小),因为在一些计算机上它们显示的太小了。 4.在样式表中定义字体时,使用像素(px)作为单位,而不使用磅。以像素定义的尺寸绕过了文字分辨率缩放比例,因此在Mac上显示的与在Windows PCs上显示的相同。这种方法的缺点是使用像素设置的字体,用户无法调整大小不一,这是一个大缺陷。 每种方法都有优点和缺点,我推荐使用用第一种方法。
|