我想让图像响应，但只到屏幕的特定宽度。比如说，如果用户从300px的宽度开始放大屏幕，图像应该是有响应的，并且应该随着屏幕宽度的增加而增加。一旦达到1440px的宽度，图像应停止调整比例。在下面的代码

<代码><；样式>；.左主{弹性：30%；背景色：#FFFFFF；}.icon-position{顶部边距：200px；左边距：33.195%；宽度：61%；高度：自动；}<；/样式>；<；DIV类="；左主"；>；<；IMG SRC="；images/Developer_图标.SVG"；类="；图标-位置"；宽度="；178"；高度="；180"；>；<；/DIV>；

在特定的显示宽度下，图像应停止响应并且应该保持图像所具有的最后尺寸。我该怎么做？

顺晟科技：

你可以用两种方法。首先，检查特定窗口宽度中的图像宽度，然后使用：

.image-position{
    max-width: Enter width of your choice here;
}

第二种方法是使用JavaScript.当窗口处于所需宽度时，则获取图像的宽度并将其写入样式。如果你需要，我可以为此添加JS代码。

.icon-position{
        margin-top: 200px;
        margin-left: 33.195%;
        width: 61%;
        height: auto;
        max-width: 1400px; // anyvalue here
    }

最大宽度用于定义元素可以具有的最大宽度。在达到最大宽度后，元件将停止变宽。

您可以使用<style> .left-main { flex: 30%; background-color: #ffffff; } .icon-position{ margin-top: 200px; margin-left: 33.195%; width: 61%; height: auto; } </style> <div class = "left-main"> <img src="images/Developer_Icon.svg" class="icon-position" width="178" height="180"> </div> CSS属性。文件

max-width

<代码><；样式>；.左主{弹性：30%；背景色：#FFFFFF；}.icon-position{顶部边距：200px；左边距：33.195%；宽度：61%；高度：自动；}@媒体屏幕和（最小宽度：1440px）{.icon-position{宽度：700px；/*而不是宽度：700px，您可以定义您自己想要的图像宽度，在1440px屏幕大小之后。*/}<；/样式>；<；DIV类="；左主"；>；<；IMG SRC="；images/Developer_图标.SVG"；类="；图标-位置"；宽度="；178"；高度="；180"；>；<；/DIV>；