媒體屏幕CSS不能正確呈現圖像

Question

我有一個博客頁面KW-Masterointi我也在文本之間添加圖像。出於某種原因，如果我以HTML格式輸入圖像尺寸，則圖像在移動視圖中無法正確顯示。我在css中將image max設置爲100％，但只有當我從HTML代碼中獲取圖像尺寸時，圖像纔會顯示正確。

目前我有除了一個沒有尺寸的所有圖像。尺寸爲一個的圖像是299行上的FGx.jpg。當我在移動視圖中查看頁面時，此圖像看起來很有趣。所有其他渲染正確。

在我的CSS中，有些東西正在覆蓋{max和100％}，但我一直無法弄清楚它是什麼。

任何幫助，非常感謝。 謝謝 Kim

Answer 1

您需要在CSS中的樣式末尾使用！重要，以覆蓋內聯樣式。

例）

.container { 
      width: 100% !important; 
      height: auto; 
    } 

高度：汽車;將確保您的圖像在調整到較小的屏幕時不會變形。

Answer 2

因爲你明確地定義了img標籤中圖像像素的寬度和高度，所以這就是爲什麼沒有其他樣式在該元素上工作的原因。 通過定義明確的寬度和高度，響應不會對您的圖像起作用。