Menu
I have noticed in bootstrap responsive CSS, there is this class:
.row{margin-left:-30px;*zoom:1}
I've never come across an inline * inside a css property. Could anyone clarify what this does?
245
It means the content will be 150% percentage bigger than the original content. number: This property holds the number that will be multiplied by the original content makes that zoom-in or out depending on the number like zoom:1.5; . It means the content will be 1.5 times bigger than the original content.
min-width: 100%; This will freeze the width, you can do the same for height too.
The non-standard zoom CSS property can be used to control the magnification level of an element. transform: scale() should be used instead of this property, if possible. However, unlike CSS Transforms, zoom affects the layout size of the element.
It's like an inline conditional statement for IE5.5 - IE7. Only IE 5.5, IE6, and IE7 will display zoom: 1 because of the inline * (known as the "star property hack"). Similar to the IE6 hack with the underscore _.
See: http://snook.ca/archives/html_and_css/targetting_ie7
123
It's called the star property hack (aka the Holly Hack) and is similar to the underscore hack.
It's used to set a property for the IE (v5-v7) family only.
41
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
