jasonette - 如何在不水平滚动的情况下将 html 页面设置为 $webcontainer

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 过程中的意外错误之后，我想一劳永逸地找出如何用最少的代码创建一个水平滚动条，并在所有类型的设备上按预期工作。