Safari HTML 溢出-x 不工作

Question

此代码不仅适用于 Safari。我该如何解决？

html {
  overflow-x: hidden;
}

Overflow-x: hidden 无法正常工作。

Answer 1

根据您使用的版本，在这个网站上尝试那些 css hack：https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/

它解决了我很多 CSS 问题。

Safari 7.1 及更新版本：

_::-webkit-full-page-media, _:future, :root .safari_only {
  prop:val; 
}

/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media {
    .safari_only { 
         prop:val;
     }
}}

/* Safari 6.1-10.0（10.1 是目前 Safari 的最新版本）*/

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
    .safari_only {
        prop:val; 
    }
}}

/* Safari 6.1-7.0 */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {  
   .safari_only {(;
       prop:val; 
    );}
}