分辨率变小时动态缩小 div |视口或溢出问题

Question

我正面临构建响应式网站的问题。

网站的主要部分是一个固定宽度为 62em 的部分。现在，如果分辨率变小，我希望这个 div 整体缩小，不显示滚动条，也不使用缩放。 目前，当我以较小的分辨率打开网站时，会显示滚动条，但我没有机会缩小

目前我正在使用 flexbox 设计和 Chrome 作为调试工具。我真正想知道的是，有时似乎在 Chrome 的开发模式下以我想要的方式工作，有时却没有。我真的不知道为什么它的行为如此随机。

我对仅使用 CSS 的解决方案感兴趣。

有人给点小费吗？

我的视口设置为

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

溢出问题会导致这个问题吗？

Answer 1

您最好的选择可能是将 % 值设置为最大宽度，这样它就永远不会超过您的视口大小。 Flexbox 有时会出现一些奇怪的行为。如果您分享您的一些代码，我也许可以更好地帮助您。