要设置固定宽度的自适应布局,可以使用 CSS 中的 max-width 和 min-width 属性。
max-width 属性用于设置元素的最大宽度,如果浏览器窗口缩小,元素的宽度会自动调整,直到达到最大宽度为止。min-width 属性用于设置元素的最小宽度,如果浏览器窗口宽度小于该值,元素的宽度也会自动缩小,直到达到最小宽度为止。下面是一个示例代码,其中 max-width 和 min-width 属性分别设置为 1200px 和 960px:
.container {
max-width: 1200px;
min-width: 960px;
margin: 0 auto; /* 居中显示 */
}
关键词高亮:
max-width: 最大宽度min-width: 最小宽度margin: 外边距auto: 自动