<p>携帯電話や小さな画面のデバイスでカルーセルを全幅にするにはどうすればよいですか? ご協力をいただければ幸いです。 </p> <p>以下のコードをチェックアウトするか、私の CodePen で直接チェックアウトできます - 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="アイテム"> <img src="https://blogger.googleusercontent.com/img/a/AVvXsEi9MjLHgzg-8RYlTEZFFZ21FGuldcTSSv2wZHf1nGh6KGgwMAznhwkDlpgyt0pxtMxODbGvftKhgPFbNp46_Jv_45WF64GI7Y5ldi6eZQSTZ 5twNS3OkdGY8tBF4vo0Zun3WplSBiTYy3dBWI0Q0fSyS_mV6PU4XyiW_WA3DcZLSnRKJmiFjG2p6D0_=s1600" class="img-sensitive" /> </div> <div class="アイテム"> <img src="https://blogger.googleusercontent.com/img/a/AVvXsEiTZxD__KXQgaGHq_Xm_Jy7kA44vsdwijCR4VrsJI5uGDptJYp2ujRiVX6_6hNA-mCkh9OezjOBddFRYoAVGIT5omKqQcZnn8mFPtyae72oS7I-_p B Qs2-5UnYTZ6VVIyBwQQL6RNJrOPjXiiV1jyHBRDOIxi_6Yyw8Nh2hRZfgrYgJiG_F4ljNnJ4J=s1600" class="img-sensitive" /> </div> <div class="アイテム"> 3 </div> <div class="アイテム"> 4 </div> <div class="アイテム"> 5 </div> <div class="アイテム"> 6 </div> </div> </div></pre> <pre class="brush:php;toolbar:false;">.contain { 幅: 100%; } 。アイテム { 幅:100%; 色: 白; 表示ブロック; }</pre> <pre class="brush:php;toolbar:false;">$('#owl-carousel').owlCarousel({ ループ: true、 マージン: 0、 ドット: true、 ナビ：本当、 項目: 2、 })</pre></p>