html - CSS 流体布局缩放内容

Question

我有一个 CSS 问题，你可以帮忙解决。

我正在尝试构建一个具有“流畅”布局的网站。

所有网站内容都将包含在包装器 div 中

当屏幕滑动时，我希望包装 div 与其内容一起滑动。

但是，当屏幕尺寸增加时，我希望包装器 div 保持最大尺寸。目的是防止图像缩放超出其原始分辨率和文本格式更改(一段可能在非常大的屏幕上变成单行)

我可以将最大像素和百分比应用于包装 DIV 吗？有没有更好的方法来实现目标？

.wrapper {
    margin: 0 auto; 
    max-width: 800px;
    width: 80%;
    background-color: #ffffff;
    border: 1px solid;
    height: 1000px;
    }

非常感谢，

Answer 1

是的，您可以这样做，这是一个很好的做法。