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

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

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

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

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

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

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

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

最新評論