Safari HTML overflow-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; 
    );}
}