如何在不水平滚动的情况下将 html 页面设置为 $web 容器

Question

我正在 jasonette 框架上开发应用程序。我使用了 $webcontainer，例如默认浏览器，但我遇到了水平边界问题。

我添加了带有元标记的注入脚本：

document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', '<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0">');

但这不是我想要的工作。我在默认的 chrome 浏览器上检查了这个页面，它显示正常。

Answer 1

1. 在设计模式下打开要隐藏水平滚动条的页面。
2. 点击页面 > 页面属性。
3. 转到元数据选项卡。
4. 在 HTML 中粘贴以下代码作为 head 部分。点击确定。

您可以使用名为“溢出”的 CSS 属性并将其设置为“自动”。这将添加垂直和水平滚动条。如果您想要一个垂直滚动条，请将“overflow-y”添加到您的 html 正文中。

在构建了其中几个并解决了 QA 流程中的意外错误之后，我想一劳永逸地找出如何使用最少的代码创建一个水平滚动条，并在所有类型的设备上按预期工作。