html - HTML img 标签和元视口

Question

我目前正在使用meta标签视口开发响应式网站。我遇到了使用img标签加载的图像质量下降的问题。但如果我改用background-image它们，它们会完美加载。

img由于 SEO 关键字，我想使用标签。有什么方法可以防止它失去质量吗？

编辑：显示标记

内头：

    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

体内：

<img src='images/logo.png' style='width:65px;height:65px;' />

logo.png尺寸为 65x65像素

Answer 1

听起来你<img>的 s 正在升级。这可能由某处的 CSS 规则控制，该规则可能声明了以下一个或多个属性：

img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

如果是这种情况，那么只需删除这些属性声明，或者您可以使用 RPG 杀死苍蝇并尝试：

img { width: auto !important; }

但是，从长远来看，这种方法最终可能会给您带来更多的悲痛，应尽可能避免。