css - 缩放 HTML 内容并添加滚动条

Question

如果您缩小过浏览器窗口，您会注意到网页内容缩小到一定程度，然后开始出现滚动条。这是如何在 CSS 中完成的？

Answer 1

如果我正确理解你的问题，你正在寻找 min-width属性而不是固定的 width，以便内容可以缩小到一定大小。

.some-shrinkable-element {
   width: 30%;
   min-width: 100px;
}

这将创建一个宽度为其父级 30% 的元素，并且会随着窗口变小而缩小，直到该元素达到 100 像素，然后它停留在该宽度。