如何避免IE7中Zoom功能放大滾動(dòng)條

2024-04-27 13:56:12

字體：大中小

供稿：網(wǎng)友

由于現(xiàn)在顯示器越來越大17'、19'甚至20'都很普通了，并且顯示器的分辨率也越來越高，使用1280x1024的用戶已經(jīng)高于使用800x600的用戶(根據(jù)本站統(tǒng)計(jì))。原有的大量為800x600 9pt字體以及一些為1024x768 9pt字體設(shè)計(jì)的網(wǎng)頁已經(jīng)非常過時(shí)了。所以Zoom功能逐漸成為了瀏覽器的必備功能。

這個(gè)功能我最早是在Opera中看到的（但我并不知道是哪種瀏覽器最先提供），當(dāng)時(shí)也就是為了用它來對(duì)付9pt螞蟻?zhàn)煮w網(wǎng)頁，不過由于那時(shí)Opera對(duì)IE中顯示完好的網(wǎng)頁問題比較大，用了一段時(shí)間就沒怎么用了，或者只是偶爾用用。后來使用Firefox，發(fā)現(xiàn)FF也提供了這個(gè)功能，不過FF的Zoom功能和Opera提供的Zoom功能效果是不同的。Opera的Zoom功能是對(duì)頁面做按比例放大，就是說我們看到的放大頁面就像是在放大鏡下看到的效果一樣。而FF提供的Zoom功能類似IE的字縮放，但又有所不同（IE是真正的文字縮放，而且只能縮放沒有使用CSS限制的默認(rèn)字體的大小）。FF的字體縮放不管字體是否使用CSS定義，都可以被縮放，并且除了圖片外，文本框、復(fù)選框以及下拉列表框等控件也會(huì)被縮放。

這兩種縮放各有優(yōu)勢(shì)，不能說誰特別好，也不能說誰特別差。只是Opera的Zoom方式比較適合對(duì)付將網(wǎng)頁寬度定死為適合800x600或1024x768的頁面，而Firefox的Zoom適合對(duì)付頁面寬度根據(jù)瀏覽器寬度自動(dòng)填充的頁面。在這個(gè)Zoom功能方面，IE7之前的IE做的那是一個(gè)差勁啊。由于大多數(shù)網(wǎng)頁都使用CSS定義字體的大小，所以IE提供的那5個(gè)Level的字體大小控制，幾乎沒有任何實(shí)用價(jià)值。當(dāng)然目前值得大家高興的是，IE7提供了Zoom功能。

    IE7提供了類似Opera那樣的Zoom功能，可是不知道IE在搞什么飛機(jī)，Zoom頁面的同時(shí)，有很大一部分網(wǎng)頁的滾動(dòng)條也會(huì)被同時(shí)Zoom。

    // 這滾動(dòng)條也被放大的效果讓人相當(dāng)傷感。。。

通過簡(jiǎn)單研究，原來IE7提供的這個(gè)Zoom功能是受doctype定義影響的。像我們博客園中每位blogger自己的首頁使用的doctype是：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">，這時(shí)頁面的滾動(dòng)條就會(huì)被一起Zoom。而博客園首頁和管理頁面中的doctype是：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

除了標(biāo)示出dtd文件的URL外，其實(shí)只需要修改DTD的類型就可以避免滾動(dòng)條被Zoom，比如最簡(jiǎn)單刪掉Transitional限制：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">，這樣就可以了。至于到底IE7組要怎么要的doctype，這個(gè)我目前還沒有找到正式的文檔。