The use of CSS zoom:1

Question

I see that the css property zoom: 1 is often used in stylesheets. For example twitter bootstrap uses it in its fluid layout:

.row-fluid {
  width: 100%;
  *zoom: 1;
}

I know that it is primarily used for IE layout issues...

What is it actually used for and why? Is it only necessary to use it for fluid layouts?

thank you for the reference – David Van Staden Mar 10 '13 at 16:35 — David Van Staden, Mar 10 '13 at 16:35

score 1 · Accepted Answer · answered Mar 10 '13 at 16:23

1

http://reference.sitepoint.com/css/haslayout

in IE, some elements have no layout - which results in huge PITA in designing - so there are many non-intrusive ways to give them 'layout'. zoom: 1 is one of them.

answered Mar 10 '13 at 16:23

thkang

10,747
12
62
81

thank you. can you be more descriptive? what do you mean by no layout? no set dimensions such as width and height? what would be the result of that? – David Van Staden Mar 10 '13 at 16:30
@DavidVanStaden see the duplicate – John Dvorak Mar 10 '13 at 16:31
thank you, I understand now – David Van Staden Mar 10 '13 at 16:36

The use of CSS zoom:1

1 Answers1