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

回答