この画像をモバイルデバイス向けにビューポートで拡大/縮小できないのはなぜですか？それは応答しません

Question

私はモバイルとタブレットに対応して私のウェブサイトを作ろうとしています。

<meta name="viewport" content="width=device-width, initial-scale=1"> 

しかし、私は携帯電話で私のウェブサイトを表示したときに、これはスケールしない画像のみである：私はそれが応答することの一つの方法は、このメタタグを含めることである知っています。

<div class="container"> 

<div style="background:transparent !important" class="jumbotron text-center"><h1>built from the ground up</h1> 

<img src="http://www.dotnettricks.com/img/nodejs/mean.png" alt="hrrysn"> 

</div> 

Answer 1

ビューポートメタタグは適切な場所ですが、十分ではありません。クイックダーティー修正は画像に適用されるmax-width: 100%かもしれませんが、実際には画像自体ではなくあなたのコードに依存し、推測が難しいコードはありません。

ここにはsomeadditionalsourcesがあります。

乾杯！

マーティン