html - 为什么图像在 MAC 上不占据浏览器的整个宽度？

Question

我开发了一个包含一些图片的网站，其中一些是宽度约为 3000px 的主要图片。

我正在使用它来使图像填满整个宽度，它在测试期间与我一起工作，但客户说它没有占据整个宽度并向我发送了屏幕截图:

img{
  display:block;
  max-width:100%
  height:auto;
}

这是网站的演示链接: http://www.zhtml.aba.ae

如何让它发挥作用？

他在 MAC 上通过 Chrome 浏览器浏览它

Answer 1

您只定义了最大宽度，即页面的 100%。您应该尝试将“最大宽度”替换为“宽度”。

img{
  display:block;
  width:100%
  height:auto;
}