ブログ

トップページ > ブログ記事一覧 > [jQuery][Slick.js]Slickで画像が大きくなりすぎる時に確認すること

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

  • 投稿日:2020/05/29
  • 最終更新:2020/05/29

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

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

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

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