미해결
[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
object-fit 속성 사용법
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;
}