Question

我正在建立一个网站，但在移动设备上查看它时遇到了问题。页面接缝能够向左和向右滚动，我无法弄清楚原因。在Chrome上使用开发工具并悬停所有元素不会显示，并且它们会扩大页面。我正在使用下面的代码作为我的视口。

<meta name="viewport" content="width=device-width, initial-scale=1"/>

我无法发布整个页面来源，因为我对字符有限，但我也通过w3验证器运行了源代码，但也找不到问题。

模拟网站仅在作为移动设备查看时显示此错误。平板电脑尺寸以上都很好。

任何有助于跟踪此错误的帮助将不胜感激。如果您希望我发布更多代码，请与我们联系。

由于

修改

我很确定错误来自导航栏中的此代码。

<ul class="nav navbar-nav navbar-left">
                    <li>
                    <a class="navbar-timer" href="#" data-toggle="tooltip" title="Based on next day delivery using Royal Mail">
                        <span style='color: #959595;'>Want it <span id="orderTimer_Day"></span> <span id="orderTimer_Date"></span>? Order within the next <span id="orderTimer_Hours"></span> hours <span id="orderTimer_Minutes"></span> minutes*</span></a>
                    </li>
                  <li id="link-account"><a href="#" data-toggle="modal" data-target="#Modal_Login"><span class="glyphicon glyphicon-user"></span> Login</a></li>
                  <li id="link-cart"><a href="#" data-toggle="modal" data-target="#Modal_Basket"><span class="glyphicon glyphicon-shopping-cart"></span> Basket</a></li>
                </ul>

Answer 1

试试这个

<meta name="viewport" content="user-scalable=0, initial-scale=1, maximum-scale=1, minimum-scale=1,width=device-width, height=device-height, target-densitydpi=medium-dpi" />

在移动设备上侧滚动

修改

1 个答案: