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

Question

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

Answer 1

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

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

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