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

Question

更新

此处还创建了一个最小测试页：https://superfly-css.github.io/superfly-css-component-button/target/test/html/test.html

Flexbox主要用作容器元素的布局机制。我想我可能是渲染引擎中的一个错误。我在Chrome和Safari中都看到了相同的行为。在我的iphone 6上以纵向模式加上最初渲染的内容被剪切在左侧。例如，缺少何时的“W”。

原始帖子开始

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

换句话说，看起来右边的html元素上有一个边距，推动了一切，但是我看不到开发人员工具中设置的边距...思考？

Answer 1

试试这个：

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