どのように画像を反応させることができますか？

... ...クリックで画像を拡大し、私はCSSでのメディアのために試してみましたを次のコードを使用しています。しかし、私は大きな画像のサイズを調整するために＃modalPopupHtml＃で1つの以上のクラスが追加されました

.imgsize{ 
    height: 600px; 
    width: 800px; 
}

しかし、今私はそれ携帯電話の画面に完全に適合させるために何をすべき...私は時間がそれが正常に動作していないことを、モバイルビューにそのコードをテストしたときに...その大きな画像が応答したいです...

'幅これを試してみる：100％;高さ：自動; ' – Rayon

どこにこれを追加すればよいですか？ –

イメージは元のサイズを表示しています...モバイルビューでこれを試してみると画像が画面外に出る –

分とCSSファイルで@mediaを使用して、最大幅を定義することにより、

@media (max-width: px) 
 
{ 
 
.imgsize{ } 
 
} 
 
    @meida(min-width :px) 
 
{ 
 
.imgsize{} 
 
}

あなたのサイズに応じてピクセルサイズを定義

2016-04-05 05:07:22

この

Max-width:100%; 
height:auto; 
display:block

2016-04-05 05:19:06

は、ブートストラップを追加してみてくださいクラス（クラス= "img-responsive"）〜画像要素

2016-04-05 05:34:07

質問にはブートストラップフレームワークは言及していません – Kwaku

.imgsize 
{ 
max-width:100% !important; 
height:auto; 
display:block; 
}

は

2016-04-05 05:37:38 krishna

答えて