Safari HTML溢出-x不起作用

-1

此代碼不僅適用於Safari。我如何解決它？Safari HTML溢出-x不起作用

html { 
    overflow-x: hidden; 
}

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

你是什麼意思，它不能正常工作？ – Frits

請詳細說明。哪個版本？什麼操作系統？定義「不工作」你確定你不需要溢出嗎？溢出-x適用於水平，溢出-y適用於垂直 –

請向我們展示https://jsfiddle.net/中的哪些內容無效。 – zuluk

它解決了我很多的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; 
    );} 
}

2017-05-30 13:20:44

我不知道是什麼版本。我希望代碼在所有瀏覽器上正常工作。 –

所有的瀏覽器都不以同樣的方式反應，這就是爲什麼一些CSS黑客已經創建。有很多的Safari瀏覽器，Firefox，IE瀏覽器等的CSS黑客入侵...嘗試找到您的Safari瀏覽器版本，沒有其他解決方案。 –

對於您的Safari瀏覽器版本： 1.通過點擊擴展塢中的Safari圖標打開您的Safari瀏覽器。 2.在位於屏幕頂部的瀏覽器菜單中單擊Safari。 3.現在將出現一個下拉菜單。選擇標記爲關於Safari的選項。 4.現在將出現一個對話框，其中包含瀏覽器的版本號。 –

回答