有時候用手機瀏覽做好的網頁，會有左右多出的空間可滑動，但怎麼檢查都找不原因，而且只會發生在特殊手機的瀏覽器上，例如我測試iPhone 8的有此情況但iPhone 15的就正常，實在匪夷所思，後來請教了一位前端網頁高手，它給了我一個解法。

▼iPhone 8實測

如何去除網頁左右空白

在你百分百確定所設計的網頁並沒有一些負外距過大的情況下，

在全站的CSS加上一句:

body{
overflow-x: clip;
}

這樣就可以把一些特定手機上才會出現的左右空白空間讓它消失。

注意事項

這句一開始可先不要加到body中，有問題再個別加，因為我發現加了這句overflow-x: clip; 之後，

曾發生在Elementor某版本中，會造成無法讓兩個左右並排的容器，把裡面的文字設定「負外距」的位移的的話，則位移效果無法出現。