軽量スライダーライブラリSplideのレスポンシブ対応について解説!
この動画では、Splide(スプライド)を使ったレスポンシブ対応について解説しています。画面サイズ(ウィンドウ幅)が変化した際に、スライドの表示数や余白(マージン)を適切に調整する方法を紹介しています。
Splideのレスポンシブ対応は オプション設定 で行います。特に ブレイクポイント(Breakpoints, ブレイクポイント) を利用することで、特定の画面幅ごとに異なる設定を適用できます。
通常、Splideの breakpoints は 指定の画面サイズ以下 のときに適用されます。しかし、CSSの メディアクエリ(Media Query, メディアクエリー) のように、指定の画面サイズ以上 で適用したい場合もあります。
この動画はシリーズになっていて、下記動画リストで他のSplideの動画を視聴することができます。
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPyRciXnWSBjVE4_zEvN4LdQ/
Splideのレスポンシブ対応は オプション設定 で行います。特に ブレイクポイント(Breakpoints, ブレイクポイント) を利用することで、特定の画面幅ごとに異なる設定を適用できます。
通常、Splideの breakpoints は 指定の画面サイズ以下 のときに適用されます。しかし、CSSの メディアクエリ(Media Query, メディアクエリー) のように、指定の画面サイズ以上 で適用したい場合もあります。
この動画はシリーズになっていて、下記動画リストで他のSplideの動画を視聴することができます。
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPyRciXnWSBjVE4_zEvN4LdQ/