HTML img标记和元视口

Question

我目前正在使用meta标记视口处理自适应网站。我遇到了使用img标记加载的图片质量下降的问题。但是，如果我使用background-image代替它们，它们会完美地加载。

由于SEO关键字，我想使用img标记。有没有办法防止它失去质量？

编辑：显示标记

内部负责人：

    <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>正在升级。这可能由某个CSS规则控制，该规则可能声明了以下一个或多个属性：

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

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

img { width: auto !important; }

然而，这种做法最终可能会让你在长期内更加悲痛，如果可能的话应该避免。