横向滚动时浏览器不展开内容？

Question

更新

还在这里创建了一个最小的测试页面：https://superfly-css.github.io/superfly-css-component-button/target/test/html/test.html

Flexbox 主要用作容器元素的布局机制。我想我可能是渲染引擎中的一个错误。不过，我在 Chrome 和 Safari 中看到了相同的行为。当在我的 iphone 6 plus 上处于纵向模式时，最初呈现的内容被剪裁在左侧。例如 when 中的“W”缺失。

原帖开头

我创建了 this test page (source code in repository) 来显示主题行的行为。当我通过在 chrome 开发人员工具中缩小它来查看这个页面时，它看起来很好。但是，如果我在 iphone 上用 chrome 打开它，它看起来像这样：

换句话说，右侧的 html 元素似乎有一个边距，将所有内容都推倒了，但是我看不到开发人员工具中设置的边距...想法？

Answer 1

试试这个：

<style>
    html {
        width: 100%;
    }
</style>