要设置固定宽度的自适应布局,可以使用 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
: 自动