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

Question

我已经开发了jasonette框架的应用程序。我使用过诸如默认浏览器之类的$webcontainer，但在水平边界方面有一个问题。

我已经添加了带有meta标签的注入脚本：

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中粘贴以下代码作为标题部分。单击OK。

您可以使用一个名为'overflow‘的CSS属性，并将其设置为'auto’。这将添加垂直和水平滚动条。如果你想要一个垂直滚动条，在html的正文中添加'overflow-y‘。

在构建了几个这样的代码并与QA过程中的意外bug作斗争之后，我想一劳永逸地找出如何用最少的代码创建一个水平滚动条，在所有类型的设备上都能像预期的那样工作。