媒体屏幕css无法正确渲染图像

Question

我有一个博客页面KW-Masterointi，我还在文本之间添加图片。出于某种原因，如果我在HTML中输入图像尺寸，则图像在移动视图中无法正确显示。我在我的css中将图像最大值设置为100％，但只有当我从HTML代码中重新显示图像尺寸时，图像才显示正确。

目前我有所有图像，除了没有尺寸的图像。第299行的尺寸为FGx.jpg。当我在移动视图中查看页面时，此图像看起来很有趣。所有其他人都正确呈现。

在我的CSS中，某些东西覆盖了{max with 100％}，但我无法弄清楚它是什么。

非常感谢任何帮助。 谢谢 金

Answer 1

你需要在CSS的样式末尾使用！important来覆盖内联样式。

例）

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

身高：自动;在调整到较小的屏幕时，将确保您的图像不会失真。

Answer 2

因为您在img标记中明确定义了图像像素的宽度和高度，所以这就是为什么没有其他样式在该元素上工作的原因。 通过定义明确的宽度和高度，响应性将无法对您的图像起作用。