解決手機上 overflow: hidden 會失效的問題

標籤: CSS

有時候要處理頁面的時候,會在 body 上使用 overflow-x: hidden 讓超出頁面外面的東西裁掉,這樣就會看不到,這個方法在桌機上面有用,可是在手機上面會失效。

解決的方法滿簡單的,只要在 html 上面也下 overflow-x: hidden 就好了,像這樣:

html, body{
  overflow-x: hidden;
}

這應該算是知道了就很好解決的方法了。