文章/答案/技术大牛

发布

问移动设备上的侧滚
EN

Stack Overflow用户

提问于 2016-01-23 02:02:24

回答 1查看 61关注 0票数 0

我正在建设一个网站，在手机上查看它有困难。页面接缝能够左右滚动，我不知道为什么。在Chrome上使用Dev工具并将鼠标悬停在所有元素上都不会显示，而且它们中的一些元素会加宽页面。我正在为我的视窗使用下面的代码。

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

模拟站点仅在作为移动设备查看时显示此错误。平板电脑大小及以上都可以。

任何帮助追踪这个错误的人都将不胜感激。如果你想让我发布更多的代码，请让我知道。

谢谢

编辑

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

<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>

html

mobile

scroll

viewport

回答 1

Stack Overflow用户

发布于 2016-01-23 02:07:09

尝尝这个

<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" />

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34953163

复制

相似问题

问移动设备上的侧滚
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问移动设备上的侧滚EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问移动设备上的侧滚
EN