Question

嗨我有一些问题＆＃34;保证金＆＃34;在IOS中使用mozilla，explorer，safari和chrome。

对于Mozilla和Explorer，我解决了

/*Styles for Firefox*/
@-moz-document url-prefix() {
    .box img {
        width: 100%;
    }

.box .info{
    margin-left: -70% !important;}
}

/* Styles for IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .box img {
        width: 100%;
    }

    .box .info{
   margin-left: -70% !important;}
}

Safari怎么样？

Answer 1

适用于Safari 6.1+，修改你的风格以适应：

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .box img {
        width: 100%;
    }

.box .info{
    margin-left: -70% !important;
    }
}}

如何为Safari编写CSS条件规则？

1 个答案: