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

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

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

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

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

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

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

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