ロゴ画像 HOME

ブログ

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

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

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

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

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

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

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