html - Logo 和网站图像拒绝响应

Question

我正在为 this website 创建一个简单的 wordpress 主题和 style.css应用在这个网站上。

我希望所有图片都能响应。我试过这段代码。

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

不幸的是它不工作。如果您尝试调整浏览器大小， Logo 和图像不会根据浏览器宽度调整大小(无响应)。

我该如何解决这个问题？

抱歉，我太天真了，已经为此工作了 2 天，似乎仍然无法找到解决这个简单问题的方法。

Answer 1

代替 max-width: 100%; 尝试以下操作:

img {
   max-width: 200px; /* Change this to what your logo is by its width */
   width: 100%;
   height: auto;
}

您也可以将最大宽度设置为大于您的 Logo 的实际宽度，但当然建议将其保持在高质量和可控范围内。

编辑: 对于全站图像，这当然不起作用，因为它们的宽度不同。