能否同时设置max-width与min-width？课程作业及项目可行性疑问

当然可以同时设置，而且这是完全合规、开发者普遍认可的用法，不管是课程作业还是实际项目都非常实用。

核心说明 #

• min-width 和 max-width 是互补的CSS属性，专门用来限定元素宽度的取值范围：
  • min-width 规定元素的最小宽度，即使父容器空间不足，元素也不会收缩到这个值以下
  • max-width 规定元素的最大宽度，即使父容器空间充足，元素也不会拉伸到这个值以上
• 两者搭配使用是响应式布局里的常规操作，比如让内容在小屏幕下不被挤压变形，大屏幕下又不会过宽影响阅读体验，示例代码：

.article-content {
  min-width: 320px;
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}

这段代码会让内容块在320px到768px之间自适应，同时水平居中，适配绝大多数设备。

所有现代浏览器都完美支持这种写法，完全符合CSS规范，放心在作业和项目里用就行。

内容的提问来源于stack exchange，提问作者Nigar Aliyeva