245

クロムではなくサファリだけのcssハックを見つけようとしています。これらは両方ともWebkitブラウザであることは知っていますが、クロムとサファリのdivの配置に問題があり、それぞれが異なって表示されます。

私はこれを使用しようとしていますが、クロムにも影響します。

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #safari { display: block; } 
}

サファリに適用される別のものを知っている人はいますか?

4

18 に答える 18

95

Chrome から Safari 5+ をフィルタリングする方法があります。

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .myClass {
     color:red;
    }

    /* Safari only override */
    ::i-block-chrome,.myClass {
     color:blue;
    }
}
于 2013-07-04T14:02:41.303 に答える
21

サラリのみ

.yourClass:not(:root:root){ 
    /* ^_^ */ 
}
于 2014-05-30T07:00:32.643 に答える
14

このハックは、Safari 5.1-6.0 でのみ 100% 機能します。私は成功してそれをテストしました。

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, .yourcssrule {
        your css property
    }
}
于 2015-01-22T15:50:22.770 に答える
7

(.myClass) のクラスを置き換えます

/* Safari のみ */ .myClass:not(:root:root) { enter code here }

于 2016-07-12T12:41:16.903 に答える
2

こんにちは、私はこれを作りました、そしてそれは私のために働きました

@media(max-width: 1920px){
    @media not all and (min-resolution:.001dpcm) {

        .photo_row2 {
            margin-left: 5.5% !important;
        }
    }
}

@media(max-width: 1680px){
    @media not all and (min-resolution:.001dpcm) {

        .photo_row2 {
            margin-left: 15% !important;
        }

    }
}

@media(max-width: 1600px){
    @media not all and (min-resolution:.001dpcm) {

        .photo_row2 {
            margin-left: 18% !important;
        }

    }
}


@media (max-width: 1440px) {
@media not all and (min-resolution:.001dpcm) {

        .photo_row2 {
            margin-left: 24.5% !important;
        }

    }

}


@media (max-width: 1024px) {
@media not all and (min-resolution:.001dpcm) {
    @media {
        .photo_row2 {
            margin-left: -11% !important;
        }

    }

}
于 2018-03-30T08:49:55.637 に答える
1

メディア クエリ ハックを使用して、他のブラウザーから Safari 6.1-7.0 を選択できます。

@media \\0 screen {}

免責事項: このハッキングは古い Chrome バージョン (2013 年 7 月より前) も対象としています。

于 2016-01-07T15:00:24.143 に答える