Question

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

我使用它来使图像填满整个宽度，并且它在测试过程中与我合作，但是客户说它没有占据整个宽度并给我发了截图： / p>

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

以下是该网站的演示链接： http://www.zhtml.aba.ae

如何让它发挥作用？

他在MAC浏览器上浏览它

Answer 1

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

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

Answer 2

通过更改浏览器来查看差异：您将了解其中的差异。

<style>
div.e1 {
    width:400px;
    margin: auto;
    border: 5px solid #73AD21;
}

div.e2 {
    max-width:400px;
    margin: auto;
    border: 5px solid #73AD21;
}
</style>

<div class="e1">width: 400px;</div>
<br>

<div class="e2">max-width: 400px;</div>

<p>blablabla</p>

为什么图像不能在MAC上占用浏览器的整个宽度？

2 个答案: