HTML img标记和元视口

我目前正在使用meta标记视口来处理响应网站。我遇到了使用img标记加载的图像质量下降的问题。但是，如果我使用background-image，它们会完美加载。HTML img标记和元视口

我想使用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像素

怎么这么失去质量？你可以截图了吗？ –

这就像移动设备上的图像看起来有点像素化，就好像它们被放大了一样，但我实际上将css中的宽度和高度设置为图像的确切宽度和高度。例如，如果图像是65 x 65，CSS表示宽度：65px;高度：65px –

请显示标记 – meda

这听起来像你<img> s为越来越大。这可能是由于一个CSS规则的地方，可能具有以下属性的一个或多个控制宣称：

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

如果是这样的话，那么简单地删除这些属性的声明，或者你可以杀死一个RPG苍蝇和尝试：

img { width: auto !important; }

但是，这种方法可能最终导致您长期更悲伤，应尽可能避免。

2013-08-07 16:34:55

回答