メディア画面CSSが正しく画像を表示しない

Question

私はブログページKW-Masterointiを持っています。何らかの理由で、HTMLでイメージのサイズを入力すると、モバイルビューでイメージが正しく表示されません。私はCSSで100％に画像を最大に設定していますが、画像はHTMLコードから画像のサイズを想起させるときにのみ正しく表示されます。

現在、私は寸法がないものを除いてすべての画像を持っています。次元が1つのイメージは行299のFGx.jpgです。モバイルビューでページを見ると、このイメージは面白く見えます。他のすべてが正しくレンダリングされます。

何かが私のCSSの{maxで100％}をオーバーライドしていますが、それが何であるか把握できませんでした。

ご迷惑をおかけして申し訳ありません。 ありがとう キム

Answer 1

インラインスタイルを無効にするには、CSSのスタイルの最後に！importantを使用する必要があります。

例）

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

高さ：自動。小さな画面にリサイズするときに画像が歪まないようにします。

Answer 2

imgタグの画像のピクセルの幅と高さを明示的に定義しているため、その要素で他のスタイルが使用されていないのはこのためです。 明示的な幅と高さを定義することで、画像には反応しません。