viewport > iframe > body > width 100% 停止在 320px

Question

我有一个 90% 宽度的 iframe 作为弹出窗口（5% 左边距），我有一个视口 content="width=device-width, initial-scale-1"

我在 src 文档上的身体宽度为 100%。问题是当我将浏览器窗口缩小到最窄时，主体在 320 像素处停止缩小并延伸到 iframe 之外。虽然隐藏，但里面的内容有 % 宽度问题，即 100% 是相对于过度扩展/隐藏的主体。

我该如何解决这个问题？

Answer 1

我在 src 文档的 body 元素上添加了一个 min-width:0 并且有效。我没有意识到有内置的最小宽度，因为我没有在任何地方、内联或任何 css 中指定 320px。