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

Question

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

当我调整网站大小时，顶部的主图像没有调整自己的网站大小。 就在我对页面进行刷新时，新的大小就会发挥作用。 我用max-width和这段代码尝试了很多东西：

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

但它对我不起作用。 如果some1可以帮助我。它会很棒。

Answer 1

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

Answer 2

如果您使用的是<IMG>标记，则可以快速执行此操作：

CSS

.container{max-width-500px;}
.container img{width:100%;}

HTML

<div class="container">
    <img src="YOUR-IMG-URL" />
</div>