OK これは事実です: ビューポートのサイズが 800px 以上の場合、ビューポートの 50% に画像を表示したいのですが、それ以外の場合は画像が 100% であるため、html は次のようになります:-
<div class="container">
<img src="image.jpg" srcset="image.jpg 500px" sizes="(min-width:800px) 50vw,100vw" />
</div>
または、css を使用して次のことを行うこともできます:-
.container img{
min-width:100%;
}
@media screen and (min-width:800px){
.container{width:50%}
}
したがって、画像自体ではなく画像コンテナーを制御できます。ここでの私の質問は、サイズ属性が最良の解決策と見なされるという条件があるということですか?
注意:- 最初の例では、コンテナの幅ではなく、ビューポートの幅に基づいて画像サイズが計算されることを知っています