HTML img标记和元视口

Question

我目前正在做一个使用meta标签视窗的响应式网站。我遇到了一个使用img标签加载的图像质量下降的问题。但如果我使用background-image，它们会加载得很好。

我想使用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>%s要升级了。这可能由某个CSS规则控制，该规则可能声明了以下一个或多个属性：

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

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

img { width: auto !important; }

然而，从长远来看，这种方法可能会给你带来更多的痛苦，如果可能的话，应该避免这样做。