什么导致我的移动网站出现空白?

时间:2014-07-10 13:27:56

标签: mobile responsive-design

我正在创建自适应网站。它正在调整大小,但我注意到,当突出显示页面上的文本时,就好像我要将其复制到我的剪贴板中一样,它会滚动到右侧显示的空白区域。

没有滚动条,因为我在样式表中实现了html {overflow-x:hidden},所以这与我在网络上看到的其他情况不同。这仅在小于1024px的尺寸下发生。

我已经设置了媒体查询大小,相应地设置了样式,并再次隐藏了任何溢出。

这个网站现在不在线,我的客户正试图让事情变得私密,所以我的手与我可以分享的数量紧密相关。

我可能会遗漏哪些可能导致此空白区域出现?

2 个答案:

答案 0 :(得分:0)

将其放在<head>

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

答案 1 :(得分:0)

确保边距和填充不会溢出,并且不会设置为100%。 你可以使用chromes督察或其他东西进行调试。