CSSエラー情報
Scroll snap not workingスクロールスナップが機能しない
CSS スクロールスナップが期待どおりに動作していません。
browser
このエラーの原因
スクロールコンテナーに scroll-snap-type が必要で、子要素に scroll-snap-align が必要です。コンテナーの overflow が正しく設定されていなければなりません。パディングとマージンがスナップポイントに干渉する場合があります。
修正方法
コンテナーに scroll-snap-type、その子要素に scroll-snap-align を追加してください。コンテナーには overflow: auto または overflow: scroll を指定し、サイズが定義されていることも確認します。スナップポイントはDevToolsで調べられます。
関連するエラーコード
CSSエラー警告
:has() unsupported:has() セレクター非対応
ブラウザーが :has() 擬似クラスをサポートしていません。
browser
詳細を表示 CSSエラー警告
Undefined CSS variable未定義の CSS 変数
CSS カスタムプロパティ（変数）が参照されていますが、定義されていません。
browser
詳細を表示 CSSエラー警告
Font loading failedFont Loading Failed（フォントの読み込み失敗）
指定された URL から Web フォントを読み込めませんでした。
browser
詳細を表示 CSSエラー情報
aspect-ratio ignoredaspect-ratio が無視される
aspect-ratio プロパティが要素に適用されていません。
browser
詳細を表示 CSSエラーエラー
Missing semicolonMissing Semicolon（セミコロンの欠落）
CSS 宣言の末尾にセミコロンがありません。
browser
詳細を表示 CSSエラー警告
Subgrid unsupportedSubgrid 非対応
ブラウザが grid-template-columns または grid-template-rows の subgrid 値をサポートしていません。
browser
詳細を表示