html - How to write CSS Conditional Rules for Safari? -
hi have troubles "margin" in mozilla, explorer, safari , chrome ios.
for mozilla , explorer solved with
/*styles firefox*/ @-moz-document url-prefix() { .box img { width: 100%; } .box .info{ margin-left: -70% !important;} } /* styles ie10*/ @media screen , (-ms-high-contrast: active), (-ms-high-contrast: none) { .box img { width: 100%; } .box .info{ margin-left: -70% !important;} }
what safari?
should work safari 6.1+, amend styles suit:
@media screen , (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .box img { width: 100%; } .box .info{ margin-left: -70% !important; } }}
Comments
Post a Comment