인프런 커뮤니티 질문&답변

D E 유형 필독사항에서 object-fit 속성 강의에서

object-fit 속성을 사용할 때 부모요소의 너비 높이가 반드시 지정되어 있고

그 너비와 높이를 object-fit 속성이 들어간 img가 똑같은 값으로 받아와야 한다(inherit)고 했는데,

부모요소의 너비높이가 없이, inherit 없이도,

img의 너비나 높이만 있어도 구현되던데,

문제가 있을까요?

아래처럼 해도 될까요?

꼭 반드시

부모요소의 너비높이가 있어야되고

inherit로 받아와야만 하나요?

참고로 아래는 D1 유형 중 슬라이드부분 입니다.

<div class="slide">
  <div class="slide-image">
        <a href="#none"><img src="images/slide-d-01.jpg"alt="slide-d-01"></a>
        <a href="#none"><img src="images/slide-d-02.jpg"alt="slide-d-02"></a>
        <a href="#none"><img src="images/slide-d-03.jpg"alt="slide-d-03"></a>
  </div>
</div>

.slide{
    position: relative; /**/
    overflow: hidden;
    width: 400px;
}
.slide-image{
    font-size: 0;
    animation: slide 10s linear infinite;
}
.slide-image img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}