文字在计算机和浏览器中的显示大小
  • 提交:admin
  • 时间:08-07-28 11:50
  • 更新:08-08-30 13:53
计算机屏幕显示的网页内容可能比打印出来的文字要大或者小。屏幕中内容的尺寸取决于多种因素,其中包括显示器尺寸和分辨率。例如,一行打印出来是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上显示的相同。这种方法的缺点是使用像素设置的字体,用户无法调整大小不一,这是一个大缺陷。
每种方法都有优点和缺点,我推荐使用用第一种方法。

相关主题:
以图像方式显示文字的几个问题
文字和背景的对比
Web上要注意的文字设计
网页中带掩饰文字的问题
文字颜色与背景色的理想搭配
请拨打热线:0571-86586571

文章推荐

    Loading...

人气排行

    Loading...
建站经验 - 业内新闻 - 优化技术 - 网络营销 - 官方论坛 - 建站套餐 - 网站建设单价 - 增值服务 - 建站流程
网站优化套餐 - 网站推广增值服务 - 网站推广流程 - 网站设计 - 设计精选 - 企业网站 - 政府网站 - 电子商务网站 - 行业门户网站

关于我们 - 诚聘英才 - 合作伙伴 - 联系我们 - 杭州网站建设
[ 简体中文 ] [ blue ] 管理模式
Copyright ©2005 - 2008 杭州尚线网络技术有限公司
Processed in 0.004(s) 浙ICP备07025542号