slick.jsを用いてカルーセルを導入しております。 slickのスライダーの幅が狭まらず困っております。 ![イメージ説明](1625b3e0a5c56792ffc5e15b8077ed72.png) 画像の通り、スライダーの幅が横100vwの様になってしまい、親要素の幅を変更してもスライダー自体の幅が変わりません。 ### 実現させたいことスライダーを60%にし、画面幅が変化しても横縦比(9:6)が変わらないまま縮小させる。 ### 発生している問題親要素にwidthを指定しても影響しない。 ###試したこと・該当するすべての要素にwidth: 900pxを指定・リセットcssを削除・.slideにwidth=900px, height=600pxをcssで指定・また、以下の様のにも同様の指定をしても影響なし ### 該当のソースコード上部でswiperを使用しておりますが、今回のスライダーはslickを使用しております。影響がないかと思いますが、念の為swiperのlinkとscriptを記載いたします。 ```html

テキスト

``` ```SCSS .slick-track{ max-width: 900px; } .slider{ max-width: 900px; margin-left: 0; margin-right: 0; .item{ max-width: 900px; margin-left: 0; margin-right: 0; img{ padding:0; margin: 0; } } } ``` ```JS $(function(){ $('.slider').slick({ slidesToShow: 1, centerMode: true, arrows: true, variableWidth: false }); }); ```

	@@ -1 +1 @@
1	- ~~slick~~の~~width~~を変更できない
1	+ カルーセルの横幅を変更できない (Slick.js)

質問編集履歴