Cara melaksanakan kesan karusel lebar penuh pada peranti mudah alih
P粉302484366
2023-08-31 09:17:45
<p>Bagaimanakah saya boleh menjadikan karusel saya lebar penuh pada telefon mudah alih atau peranti skrin kecil?
Sebarang bantuan amatlah dihargai. </p>
<p>Anda boleh menyemak kod di bawah, atau terus pada CodePen saya - https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO</p>
<pre class="brush:php;toolbar:false;"><div class="contain">
<div id="owl-carousel"class="owl-carousel owl-theme">
<div class="item">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi9MjLHgzg-8RYlTEZFFZ21FGuldcTSSv2wZHf1nGh6KGgwMAznhwkDlpgyt0pxtMxODbGbvftKh4Q6WF_JPF Z5twNS3OkdGY8tBF4vo0Zun3WpLSBiTYy3dBWI0Q0fSyS_mV6PU4XyiW_WA3DcZLSnRKJmiFjG2p6D0_=s1600"kelas="img-responsif"
</div>
<div class="item">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiTZxD__KXQgaGHq_Xm_Jy7kA44vsdwijCR4VrsJI5uGDptJYp2ujRiVX6_6hNA-mCkh9FRYOezj2QFPym S7I -_pBQs2-5UnYTZ6VVIyBwQQL6RNJrOPjXiiV1jyHBRDOIxi_6Yyw8Nh2hRZfgrYgJiG_F4ljNnJ4J=s1600"kelas="img-responsif"
</div>
<div class="item">
3
</div>
<div class="item">
4
</div>
<div class="item">
5
</div>
<div class="item">
6
</div>
</div>
</div></pre>
<pre class="brush:php;toolbar:false;">.contain {
lebar: 100%;
}
.item {
lebar: 100%;
warna: putih;
paparan: blok;
}</pre>
<pre class="brush:php;toolbar:false;">$('#owl-carousel').owlCarousel({
gelung: benar,
margin: 0,
titik: benar,
nav: benar,
item: 2,
})</pre></p>
Semoga ia berguna untuk anda! ! !