html5手機端頁面可以向右滑動導致樣式受影響的問題

發現寫的h5頁面在手機端可以向右滑動，導致樣式出現問題～

在html頭部加入以下內容：

 <meta name=viewport content=width=device-width,initial-scale=1.0, user-scalable=no> 

1. width=device-width表示使頁面寬度等於裝置的寬度
2. initial-scale=1.0表示初始頁寬等於1倍設備寬度
3. user-scalable=no表示不可改變

在進行了上文的配置後，我的問題並沒有解決。透過檢查元素發現：我頁內的元素(紫色部分)的寬度超過了設備寬度，才導致了頁面可以滑動。

在修改了過寬的元素的css後，問題就解決了。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。