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

Question

更新

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

Flexbox将主要用作布局机制的容器元素。我想我可能是渲染引擎中的一个bug。尽管我在Chrome和Safari中看到了相同的行为。在iphone 6上处于肖像模式时，加上最初呈现的内容将被剪切在左侧。例如缺少“W”时。

原帖开始

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

在它看起来像有被推所做的一切在右侧的HTML元素保证金换言之，无论我无法看到开发人员工具中设置的边距...想法？

Answer 1

试试这个：

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