Question

我们说我有一个内容居中的页面。理想情况下，这个内容将集中在一起，每边都有很大的边距（或填充，我真的是新手）。

如何在调整窗口大小时控制优先级，即哪些元素首先收缩？

检查以下示例。

这一切都按比例（水平）缩小，这是我不想要的。在我们开始接触内容之前，应该牺牲边距。

我也尝试过flex-shrink概念，没有成功：

Answer 1

您需要为身体设置宽度和最大宽度。例如：

.content {
  width: 95%; /* the remaining 5% is your "padding" */
  max-width: 600px; 
  height: 100%;
  background-color: red;
}