使用iPhone時網站上會出現水平滾動

Question

我的網站的移動版本為http://dsmedvednikov2.zzz.com.ua/ 。 無論使用Safari還是Google Chrome瀏覽器，使用iPhone或iPad時都會出現水平滾動。 在Android設備上一切正常。 有人可以給我個建議嗎？

Answer 1

您可以通過添加以下meta標簽來限制用戶停止縮放/縮小網站：

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

或者，如果它的滾動效果非常微小，則可以使用以下小技巧：

body    {
    overflow: hidden;
    overflow-y: auto;
    }

它將停止任何水平滾動效果。

Answer 2

好像頁面css弄得一團糟。 即使在Mac上的Safari瀏覽器中也遇到了同樣的問題。 請確保您的CSS。

據我了解，我瀏覽了頁面的CSS屬性

造成問題的原因。 如果您使用％而不是'px'會解決您的問題，那就更好了。

謝謝！ 保持編碼。

Answer 3

如果您使用固定寬度，則可能會導致問題。 采用 **

寬度：100％

**