<div class="slide"> <img src="sample.png" alt="sample" width="150" height="100"> </div> .slide { position: relative; height: 100vh; } .slide img { position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: inherit; } imgタグの親にposition: relativeを入れて、imgタグにもろもろを入れていく感じになります。 これでimgタグがbackground-size: cover;と同じような感じになります。 object-fit IEを対応にしない場合はobject