媒体屏幕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标签中图像像素的宽度和高度，所以这就是为什么没有其他样式在该元素上工作的原因。 通过定义明确的宽度和高度，响应不会对您的图像起作用。