html - 禁用平移移动网站

标签 html css mobile responsive-design

我遇到了一些麻烦。当我在移动浏览器上查看我的网站时,它可以让我平移创建空白。我看到有人问过类似的问题,但答案似乎与我的问题不符。

Disable touch panning for body of site on mobile devices

有一个问题,答案说明它必须是一个设置为 100% 的边距我没有任何东西设置为 100% 除了

       body, html {
    width: 100%;
    height: 100%;
}

背景大小:覆盖; 这两者中的任何一个都可能是罪魁祸首吗?

最佳答案

这听起来像是您的视口(viewport)元标记设置不正确。根据您是否希望用户能够缩放,有几种变体。看看这里的选项。这是一篇解释它们的博客文章(完全公开,这是我的一篇)。 http://benfrain.com/understanding-the-viewport-meta-tag-and-css-viewport/

关于html - 禁用平移移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27561389/

相关文章:

html - 在 html 电子邮件中将顶部和底部的边距和填充设置为 0

css - 是否可以使用变量来保存 CSS 中的属性值?

html - 图片链接占用列宽

jquery - 如何使 div 完全响应

html - 引导导航栏切换未在移动设备中显示

java - 如何在N次刷新页面后停止<META HTTP-EQUIV ="refresh"CONTENT ="2">

HTML 上的 Javascript 输入和输出

html - 尝试使用带有自定义伪类 CSS 选择器的 Nokogiri 提取属性值

javascript - AngularJS 在屏幕上显示两个 View /模板

ios - 如何在没有苹果应用程序商店的情况下分发 PhoneGap 编译的 IOS 应用程序