设置@media res时，图像不会调整大小

@media res是CSS中的一个媒体查询规则，用于根据设备的屏幕尺寸和特性来应用不同的样式。当设置@media res时，图像不会自动调整大小，需要通过CSS属性来实现。

要让图像在不同屏幕尺寸下自适应调整大小，可以使用CSS的max-width属性。通过设置max-width为100%，可以使图像在其父元素的宽度范围内自适应调整大小。例如：

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

这样设置后，图像将根据其父元素的宽度进行调整，保持其原始比例不变。当屏幕尺寸变化时，图像将自动适应调整大小。

对于移动设备，可以使用@media查询来针对不同的屏幕尺寸应用不同的样式。例如，以下代码将在屏幕宽度小于600像素时，将图像的宽度设置为50%：

@media (max-width: 600px) {
  img {
    width: 50%;
  }
}

这样，当屏幕宽度小于600像素时，图像的宽度将被设置为50%。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：https://cloud.tencent.com/product/css
• 腾讯云移动解决方案：https://cloud.tencent.com/solution/mobile
• 腾讯云图片处理（可用于调整图像大小）：https://cloud.tencent.com/product/imgpro