前些天Ian Liu發(fā)了篇有趣的發(fā)現(xiàn)：細(xì)致的易用性考慮，主要是講網(wǎng)頁(yè)的縮放，比如文章提到的IKEA網(wǎng)站。當(dāng)然，最有價(jià)值的是評(píng)論部分，有興趣的朋友可以先去看一下。

各個(gè)瀏覽器都有各自實(shí)現(xiàn)縮放的機(jī)制大約如下：

• IE7：整個(gè)頁(yè)面縮放與文字縮放，鼠標(biāo)操作（Ctrl+鼠標(biāo)滾輪）為整個(gè)頁(yè)面縮放，文字縮放沒(méi)有提供快捷鍵，只能通過(guò)瀏覽器菜單操作（查看 ›文字大小 ›大|小)來(lái)選擇。
• IE5~6：文字縮放，鼠標(biāo)操作與瀏覽器菜單操作都是一樣的功能。
• Firefox2：文字縮放，鼠標(biāo)操作和瀏覽器菜單操作（菜單快捷鍵：Ctrl+”+” Ctrl+”-”）都是一樣的功能。細(xì)節(jié)差別是鼠標(biāo)操作縮放一個(gè)檔，菜單操作放大兩個(gè)檔。
• Opera：整個(gè)頁(yè)面縮放，鼠標(biāo)操作與瀏覽器菜單操作都是一樣的功能，瀏覽器菜單提供更多的縮放比例。
• Safari：文字縮放，瀏覽器菜單操作（菜單快捷鍵：APPLE+”+” APPLE+”-”）。整個(gè)頁(yè)面縮放是由MAC系統(tǒng)完成，Win版沒(méi)整個(gè)頁(yè)面縮放的功能。
• 傲游2：這個(gè)是特別的瀏覽器，使用的是IE內(nèi)核。它除了實(shí)現(xiàn)IE縮放的功能外，還額外實(shí)現(xiàn)了單圖片縮放的功能（傲游設(shè)置中心 › 浮動(dòng)按鈕 或者按住 Ctrl+Alt 鍵在對(duì)象上移動(dòng)鼠標(biāo)可以強(qiáng)制顯示浮動(dòng)按鈕）。

其 他瀏覽器沒(méi)去研究，估計(jì)也都差不多這幾種類型。在IE5~6里，縮放的權(quán)力被剝奪已經(jīng)成了很正常的一件事。 12px 真是偉大的值。雖然新的瀏覽器已經(jīng)改變了12px不可縮放的情況，但是那些不可使用文字縮放的網(wǎng)站們好像就經(jīng)不起新功能的考驗(yàn)。分辨率提高的同時(shí)，也提高 了信息的獲取的難度：在”不可縮放”的瀏覽器（IE6）里，文字可能看不清，在僅僅實(shí)現(xiàn)了文字縮放的瀏覽器（Firefox2）里，網(wǎng)頁(yè)可能看不清。雖然 瀏覽器有提供縮放的功能，但我們會(huì)把它破壞掉，比如：

• IE：對(duì)文字使用絕對(duì)單位，比如px，這時(shí)瀏覽器縮放文字的功能給我們破壞掉了，雖然IE也有錯(cuò)，可是還是因?yàn)槲覀兊亩x導(dǎo)致了問(wèn)題的發(fā)生。
• Firefox or IE ：把非文字的元素也使用成相對(duì)大小的單位，比如em ，這時(shí)瀏覽器只縮放文字的功能沒(méi)了。
• 只有文字縮放功能的瀏覽器：使用背景圖片、flash等方式來(lái)顯示文字，讓文字變成不是文字了。用特別的CSS定義，讓放大文字的網(wǎng)頁(yè)看不清。

單單的文字問(wèn)題已經(jīng)是老問(wèn)題了，不想再扯什么，先看一下CSS Zen Garden這個(gè)經(jīng)典的例子，就算是只是使用文字縮放，整個(gè)界面也縮放，其實(shí)沒(méi)有完全縮放，圖片部分沒(méi)有，圖片里面的內(nèi)容也是文字。但是。因?yàn)樗潜尘皥D片，所以沒(méi)辦法縮放。Ian Liu說(shuō)：如果圖片中的字體太小，用戶試圖發(fā)大卻未能提高相應(yīng)的功能，也會(huì)給用戶帶來(lái)挫折感。 當(dāng)然，剛才的例子的字體可能并不用使用縮放也可以看得清，但如果我用的是24′的顯示器呢？我公司的座位旁邊就有一臺(tái)。

那再看一下IKEA網(wǎng)站，這個(gè)蝦米都是相對(duì)的，這樣的話 ，各個(gè)瀏覽器縮放起來(lái)是一樣的。不管怎樣縮放，都是整頁(yè)縮放。這回圖片里的文字也跟著縮放了?？雌饋?lái)好像已經(jīng)比較完美的樣子，但是缺點(diǎn)就是，單單縮放文字的功能被替換掉了，干啥要把功能換掉呢？你怎知道我不需要呢？我要整個(gè)縮放時(shí)我自己不會(huì)換個(gè)功能來(lái)用嗎？是因?yàn)闉g覽器的問(wèn)題呢？那我們應(yīng)該罵一下那些該死的瀏覽器為什么不給我們提供這樣的功能。

那就再回頭看一下Yahoo!網(wǎng)站，這個(gè)的效果其實(shí)就跟剛才的CSS Zen Garden是一樣的，但還有一些不一樣，一個(gè)是背景圖片，一個(gè)是圖片內(nèi)容。如果使用傲游2時(shí)，就可以單單放在圖片來(lái)看，不過(guò)這個(gè)功能還不能放大背景圖。如果想都放大時(shí)，也許使用整頁(yè)放大的功能更適合了。也許，縮放應(yīng)該是瀏覽器提供的功能，而不是我們?nèi)ジ脑斓?。圖片替換這技術(shù)一直以來(lái)最大的缺點(diǎn)就是不被縮放，像sIFR也存著同樣的問(wèn)題，華麗的效果是有代價(jià)的。也許，我們不久以后可以不用考慮這樣多了，F(xiàn)irefox3據(jù)說(shuō)已經(jīng)支持整個(gè)頁(yè)面縮放的功能。但是如果我們把文字信息換了個(gè)方式輸出的話，那些看起來(lái)像文字的元素應(yīng)該歸進(jìn)哪里，是不是應(yīng)該讓它跟文字同時(shí)縮放呢？我們是否要?jiǎng)儕Z單單的文字縮放的功能呢？難道因?yàn)檎嬲奈淖挚s放做得好難的原因嗎？

最新評(píng)論