html - 在响应式设计中调整网站大小时图像不会缩小

Question

我有我的网站:www.emantiss.com

当我调整网站大小时，顶部的主图像不会随网站本身调整大小时。就在我刷新页面时，新尺寸开始生效。我用最大宽度和这段代码尝试了很多事情:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

但这对我不起作用。如果有人可以帮助我。会很棒的。

Answer 1

如果您希望根据浏览器窗口的大小调整图像的大小，则必须使用相对值，即百分比值。您可以在您的 css 文件中使用媒体查询来将这种行为限制在窗口中，直到达到一定大小。