How to Avoid zoom in the scroll bar in IE7

As the current display is getting bigger and bigger, 17', 19' and even 20' are all very common, and the resolution of the display is getting higher and higher, the number of users who use 1280x1024 is higher than the number of users who use 800x600 (based on the statistics on this site ). A large number of original 800x600 9pt fonts and some webpages designed for 1024x768 9pt fonts are outdated. So the zoom function has gradually become a necessary function of the browser.

I first saw this feature in Opera (but I don't know which browser was the first to provide IT). At that time, it was used to deal with the 9pt ant font webpage, however, at that time, opera had a big problem with the excellent web pages displayed in IE, so it was useless for a while, or it was only occasionally used. Later I used Firefox and found that FF also provided this function. However, the zoom function of FF is different from the zoom function provided by opera. The zoom function of opera scales up the page proportionally, that is, the page we see is like the effect we see under the magnifier. The zoom function provided by FF is similar to IE's word scaling, but it is different (ie is the real text scaling, and only the default font size that is not limited by CSS ). FF font scaling can be scaled regardless of whether the font is defined by CSS or not. Besides images, controls such as text boxes, check boxes, and drop-down lists are also scaled.

The two types of scaling have their own advantages. They cannot be said to be very good or to be especially bad. However, opera's Zoom method is suitable for setting the webpage width to 800x600 or 1024x768, while Firefox's Zoom method is suitable for automatically filling pages based on the browser width. In terms of this zoom function, ie before IE7 did a bad job. Since most web pages use CSS to define the font size, the five levels of font size control provided by IE has almost no practical value. Of course, we are pleased that IE7 provides the zoom function.

IE7 provides zoom functions similar to opera, but I don't know what plane IE is doing. While zoom pages, the scroll bars of a large part of webpages are also zoomed at the same time :(. After the blog homepage is scaled in 400%, the results are as follows:

// This scroll bar is also zoomed in to make it quite sad...

Through a simple study, the zoom function provided by IE7 is affected by the doctype definition. The doctype used on the homepage of each blogger in our blog is: <! Doctype HTML public "-// W3C // dtd html 4.01 transitional // en">, the page's scroll bars are zoomed together. The doctype on the blog homepage and Management page is: <! Doctype HTML public "-// W3C // dtd html 4.01 transitional // en" "http://www.w3.org/TR/html4/loose.dtd">, the page scroll bar will not be zoomed.

In addition to marking the URL of the DTD file, you only need to modify the DTD type to avoid the scroll bar being scaled. For example, you can delete the transitional restriction most easily: <! Doctype HTML public "-// W3C // dtd html 4.01 // en">. I have not found any official documentation for the exactly doctype required by IE7.