Question

我正在读取一个引导css文件，其中col-md-6被指定为

python manage.py migrate

将其设置为宽度而不是max-width:50%;后，结果与以前一样，所以为什么需要使用max-width。

Answer 1

好吧，这意味着该元素永远不会超过其父元素的50％。

因此，特别是在自适应网页设计中，如果将元素宽度定义为width: 300px和max-width: 50%，则在（响应式）父级可以大于600px的宽屏上，宽度为300px，并且较小的屏幕会迫使父元素变窄，子元素将始终保持父元素宽度的50％，然后小于300px。

.parent {
  width: 80%;
  background: yellow;
}

.child {
  width: 300px;
  max-width: 50%;
  background: green;
}

<div class="parent">
  <div class="child">
    content
  </div>
</div>

Answer 2

这是最大宽度的工作原理。

如果内容大于最大宽度，它将自动更改元素的宽度。

如果内容小于最大宽度，则max-width属性无效。

注意：这可以防止width属性的值变得大于max-width。 max-width属性的值将覆盖width属性。

Answer 3

如果我们将div的max-with设置为50％，则它将内容限制为容器的50％。

但是，如果我们的内容少于容器的50％，则div的宽度将为实际内容的宽度。

顺便说一下，包括IE7 +在内的所有主流浏览器都支持max-width，因此您不必担心会使用它。

请通过下面的链接获取详细信息和示例。