隨著移動互聯網的快速發展，越來越多的人開始使用移動設備來瀏覽網頁，這就需要我們在網頁設計中更加注重移動端的布局和適配。然而，在開發移動端頁面時，可能會遇到頁面左右晃動的問題，這個問題看似簡單，實際上卻需要一定的技巧和經驗才能解決。

/*防止頁面左右晃動*/
body {
overflow-x: hidden;
}

以上CSS代碼可以幫助我們解決移動端頁面左右晃動的問題。因為移動設備的屏幕通常比電腦屏幕小，所以在移動端頁面中需要采用布局自適應，即要保證頁面中的內容不會超出屏幕的可視范圍，不會出現橫向滾動條。這個問題可以通過設置 body 元素的 overflow-x 屬性為 hidden 來解決。

另外，在移動端頁面中，還需要注意以下幾點：

• 使用相對單位：在移動設備中使用 px 單位可能會導致頁面出現縮放現象，因此建議使用相對單位如 em，rem 等。
• 避免使用寬度為固定值的元素：在大屏幕上效果不錯的元素，在小屏幕上可能會出現被截斷或超出屏幕等問題。
• 使用媒體查詢：根據不同的設備尺寸，為頁面設置不同的樣式。

總之，移動端頁面布局需要做出合理的規劃和考慮，遵循一些基本原則，才能讓用戶在移動設備上有更好的使用體驗。