zoom? or text-size
目前的浏览器,从IE系列(IE5到即将出来的IE7)到Mozilla家族(mozilla suite, firefox, Camino等),都提供一个文字大小(Text Size)的选项。Mozilla家族的浏览器可以无限放大/缩小字体(限制只取决于内存 :?),而IE系列只支持5个级别的选择,IE7也不例外。
比较有意思的是,Opera并没有文字大小的选项,只有一个Zoom(缩放)选项。而IE7也有一个Zoom选项,一开始我以为是Text Size的替代,没发现我错了,IE7是两个功能都提供!
顾名思义,文字大小只是改变浏览器所呈现的文本字号而已,不会更改页面上的其它元素。而缩放则会改变浏览器主体(body)所呈现出来的元素(是不是所有我也不知道)。这不是一个好消息。现在浏览器所呈现的图像,绝大部分是像素(pixel)格式的,缩放会导致质量的降低。虽然如此,相比只改变文本大小,似乎这种方式给浏览着更好的观感,因为从按比例保持了原站的框架。但看到粗糙的图片我就满身不舒服,不知道诸位看官有何看法,欢迎留言探讨 :)。某种情度上,我只需要让文本放大,以适合我的视力范围,粗糙的图片会降低我的阅读欲。所以IE7两种方式都提供,不失为一种调和众口的好策略。
然而,比较恶心的是,如果定义字体大小使用绝对单位(px, pt等)的话,IE的文本大小功能会失效。所以,如果您想照顾一下IE用户(想不照顾都不行,90%强的占有率),请务必使用相对单位(em, 百分比等)。但是很少人使用相对单位,因为这会让他们的设计不可控制。遗憾的是这个问题并没有在当前发行的IE7中得到解决。
还有一个问题比较有趣。Mozilla家族浏览器,版本7之前的IE系列浏览器,字体的缩放有一个快捷键:按住CRTL,并滚动鼠标滚轮来改变文本大小。滚轮向前缩小文本,向后放大文本。而Opera和IE7则反其道而行,缩放方向与前述相反。
对,Opera跟IE7都把这个功能让给Zoom了,对于Opera来说还好,因为它没有文字大小这个功能(谁知道未来有没有呢),而IE7,却把该快捷键从原来的文本大小让给了缩放,而至今我也没有找出IE7改变文本大小的快捷键。
很混乱,对不?对于我这样的浏览器使用大户,这种混乱使学习成本大幅提升。
然后还有一个十分有意思的现象,如果不给body强行定宽度,只margin/padding留出距离的话,Opera和IE7的Zoom是不一样的,Opera不会改变body的宽度,而IE7则会。我也不知道谁对谁错。
最后,我做了一个兼容性还可以的东东,能够保持各种浏览器的观感(主要是body的宽度)相似(一致是不可能的)。大家可以帮忙使用各种浏览器测试一下:http://realazy.org/lab/zoom-ts/,尤其是有Safari的朋友,谢谢
P.S. 如前所述,IE7得使用Text Size来观看,Zoom会加宽body的宽度,而Opera不会。

July 14th, 2006 at 12:58
只放大文字就可以了,整个放大视觉效果通常很差。
July 14th, 2006 at 13:23
楼上说得没错,差劲的设计放大后通常很差 ^_^
随着高分辨率显示器的发展与普及,不可缩放的、尺寸有限的网页,会造成难以阅读等使用性(usability和accessibility)问题。至少以我使用1280×1024分辨率的经验来看,很多网站几不可读,要是我提高到1600×1200更是惨不忍睹。
所以我觉得,用户有权利缩放您设计的网页(无论是文本或者图像) ,您也有义务保证在用户缩放的时候尽量保持设计的可观性
August 9th, 2006 at 16:59
opera有文字大小选项的!
September 18th, 2006 at 17:34
哈,我偏就不喜欢相对字体,因为中文的相对字体很容易变得巨难看。而且同样是宋体,可能在不同的浏览器里显示字典来的字体结构都可能有小差异。
September 18th, 2006 at 17:45
dachy,
个人爱好本人当然无法置评,呵呵。
不过你所说的宋体的显示不同问题,我是这样想的:宋体在什么时候(特指Windows下的同一种宋体)看起来都一样,不一样的是,跟它搭配的英文不同,使得整段文本看起来感觉不一样。
May 21st, 2007 at 17:14
我测试了,mac 的firefox和Safari 都是一样,放大的最极限为止,table td都已经无法控制页面,有大量重合,覆盖的文字。
mac上显示中文本身就有问题,再加上firefox和safari那脾气,小心眼的,都不正常。