为什么：
width: 98%; max-width: 1140px;
做同样的
width: 1140px; max-width: 98%;
第一个是有道理的,我说宽度是98％,但不要大于1140px宽.
然而第二个人会说这个页面是1140px宽,但是那个页面的大小应该是98％的那么大？所以例如过去1140px …但显然不是,因为它和第一个相同.
有人可以解释为什么吗
解决方法
从我对属性的理解：
if width > max-width use max-width if max-width > width use width
因此,使用您的示例,这必须意味着您正在查看的屏幕分辨率上的1140像素严格小于98％.
缩小浏览器屏幕,您将获得不同的结果.
它有点无关,但我发现最大宽度(和相应的属性max-height)是Internet Explorer中的图像的问题,并发现这有助于哄骗它使用正确的值：
img {
max-width: 150px;
max-height: 120px;
width: auto !important;
height: auto !important;
}
没有最后两个属性,大多数符合标准的浏览器正确地保持了宽高比,但Internet Explorer将不会,除非你这样做.
编辑：看起来我已经说过与其他人基本相同的答案.
