안녕하세요? 혼자 진행이 어려운점이 있어 질문드립니다.
새로운 html창을 만들어서 slide image만 기능을 구현해보려고 시도중이었습니다.. ㅠ
<body>
<h4 class="my-4 text-center">showcase</h4>
<div class="slide-container">
.slide-container {
width: 300vw;
}
<div class="slide-box">
.slide-box {
width: 100vw;
float: left;
}
<img src="2.jpg.jpg">
</div>
<div class="slide-box">
<img src="1.jpg.jpg">
</div>
<div class="slide-box">
<img src="3.jpg.jpg">
</div>
</div>
body부분만 보여드리면 위와 같이 했고, css는 선생님과 동일하게 만들었습니다.
다만, 실제 화면을 보면 1개의 그림만 창에 보이긴하지만 화면을 최대한 확대해도 발만 보일정도로 그림이 큽니다 ㅠ
제 생각에는 부모 div가 엄청 크게 100%값을 소유하는것으로 추측됩니다 ㅠ 왜 이렇게 다르게 표현되는 걸까요...
** 참고로 그림은 인터넷에서 아무 그림이나 다운 받았고, 3개의 그림 모두 기본 크기는 다름니다.
저는 어짜피 vw로 조정이 들어가니까 상관없다고 생각됩니다만.... ㅠㅠ
아무리 머리를 싸메도 해결방법을 모르겠습니다 ㅠ
