2

ドキュメントに css を適用せずに img srcset を使用しているときに、ブラウザーの幅をサイズ変更すると、画像の幅が応答して変化し、画像全体が常に表示されます (ただし、小さくなります)。

標準のイメージタグのように機能するようにするにはどうすればよいですか?

たとえば、ブラウザウィンドウのサイズを変更しても画像サイズは変わりません...

	<img src="http://lorempixel.com/400/200/"
	     srcset="http://lorempixel.com/160/200/ 160w, 
	              http://lorempixel.com/320/200/ 320w, 
	              http://lorempixel.com/640/200/ 640w, 
	              http://lorempixel.com/1280/200/ 1280w">

4

4 に答える 4

2

これをCSSファイルに入れると、ページのサイズ変更に合わせて画像のサイズが変更されます。

img { height:100%; width:auto; }
于 2015-10-08T00:39:35.870 に答える
0

x記述子の代わりに記述子を使用するwか、属性で必要なサイズを指定しsizesます (これは を使用する場合に必要ですw)。

于 2015-10-08T08:45:52.713 に答える
0

ここで同じ問題画面のサイズを変更するときにsrcsetが機能しませんが、画像とソースは機能しています

img{
    max-width:100%;
    width:auto;
    height:auto;
}


<img src="images/1000/1.jpg" srcset="images/200/1.jpg 320w, images/1000/1.jpg 800w, images/1500/1.jpg 1200w, images/2500/1.jpg 1600w">
于 2016-11-02T08:27:36.897 に答える