Menu
I have seen people apply the CSS property zoom: 1; on HTML elements.
Why do they do this, and what bug does it fix?
560
The zoom property in CSS allows you to scale your content. It is non-standard, and was originally implemented only in Internet Explorer. Although several other browsers now support zoom, it isn't recommended for production sites.
This provides an internal property known as hasLayout in Internet Explorer versions 7 and lower.
The definitive article on the subject is here: http://www.satzansatz.de/cssd/onhavinglayout.html
A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” In this article, the authors focus on some aspects of this complicated matter.
“Layout” is an IE/Win proprietary concept that determines how elements draw and bound their content, interact with and relate to other elements, and react on and transmit application/user events.
For an example of a specific bug that zoom: 1 (and so hasLayout) helps to fix:
Inline block doesn't work in internet explorer 7, 6
68
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
