모바일 장치에서 전체 너비 캐러셀 효과를 구현하는 방법
P粉302484366
2023-08-31 09:17:45
<p>휴대폰이나 작은 화면 장치에서 캐러셀을 전체 너비로 만들려면 어떻게 해야 하나요?
어떤 도움이라도 대단히 감사하겠습니다. </p>
<p>아래 코드를 확인하거나 내 CodePen(https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO</p>)에서 직접 확인할 수 있습니다.
<pre class="brush:php;toolbar:false;"><div class="포함">
<div id="owl-carousel" class="owl-carousel 올빼미-테마">
<div class="항목">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi9MjLHgzg-8RYlTEZFFZ21FGuldcTSSv2wZHf1nGh6KGgwMAznhwkDlpgyt0pxtMxODbGvftKhgPFbNp46_Jv_45WF64GI7Y5ldi6eZQ STZ5 twNS3OkdGY8tBF4vo0Zun3WpLSBiTYy3dBWI0Q0fSyS_mV6PU4XyiW_WA3DcZLSnRKJmiFjG2p6D0_=s1600"
</div>
<div class="항목">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiTZxD__KXQgaGHq_Xm_Jy7kA44vsdwijCR4VrsJI5uGDptJYp2ujRiVX6_6hNA-mCkh9OezjOBddFRYoAVGIT5omKqQcZnn8mFPtyae72oS7I -_ pBQs2-5UnYTZ6VVIyBwQQL6RNJrOPjXiiV1jyHBRDOIxi_6Yyw8Nh2hRZfgrYgJiG_F4ljNnJ4J=s1600"
</div>
<div class="항목">
삼
</div>
<div class="항목">
4
</div>
<div class="항목">
5
</div>
<div class="항목">
6
</div>
</div>
<pre class="brush:php;toolbar:false;">.contain {
너비: 100%;
}
.안건 {
너비:100%;
색상: 흰색;
디스플레이: 블록;
}</pre>
<pre class="brush:php;toolbar:false;">$('#owl-carousel').owlCarousel({
루프: 사실,
여백: 0,
점: 사실,
탐색: 사실,
항목: 2,
})</pre></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이것이 당신에게 도움이 되기를 바랍니다! ! !