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?

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

11,215
14
67
83

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

The use of CSS zoom:1

1 Answers1