[jQuery][Slick.js]Slickで画像が大きくなりすぎる時に確認すること

最終更新: 2020/05/29/公開: 2020/05/29
この記事は 2020年5月29日 に投稿されました。
内容が古いかもしれません。ご注意ください。
※最後に更新されたのは 2020年5月29日 です。

JSによって入る幅が「1234567e+07px」みたいになって、異常に拡大するケースについての対処法。

原因は親要素が diaplay:tableであること

内容によって幅伸縮させた上で中央寄せにしないという場合にdisplay:tableを指定しているとSlickが幅計算に失敗するみたいです。displayにしてmax-widthのみの指定にしたら大丈夫。
なんでそんな設定にしたの?って感じですが、、作業をすすめるうちにわからなくなってしまいました。

もし同じことで詰まった人がいたら直してみてください。