移動端橫向溢出隱藏解決方案

標籤：style   blog   http   io   ar   color   os   使用   sp   

今天製作網站自適應中，遇到一個問題：如果使用定位置中法， 在電腦端設定溢出隱藏起作用， 而在移動端中，右邊溢出卻可以向右滑動。

具體代碼如下：

body {  overflow-x:hidden;}.box {  position:absolute;  left:50%;  width:500px;  height:200px;  background:red;  margin-left:-250px;  text-align:center;}

右邊溢出部分在移動端裝置中，可向右滑動。尋找了相關資料，最後的解決方案如下：

html, body {  overflow-x:hidden;}

給html也加入溢出隱藏，而不是僅僅body,即可解決此問題。

 

總結： 在做移動端頁面時，如果要禁止橫向滑動，需要給html及body標籤一同加入溢出隱藏代碼，防止特殊情況可右滑動。

移動端橫向溢出隱藏解決方案