ユーザ用ツール

サイト用ツール


css

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
css [2019/03/14 02:55] nullponcss [2019/03/18 04:24] (現在) – [外観モードによる振り分け] nullpon
行 93: 行 93:
  
 ===== CSS振り分け ===== ===== CSS振り分け =====
 +
 +[[https://developer.mozilla.org/ja/docs/Web/CSS/Media_Queries/Using_media_queries|メディアクエリの使用 - CSS: カスケーディングスタイルシート | MDN]]
  
 ==== 外観モードによる振り分け ==== ==== 外観モードによる振り分け ====
行 102: 行 104:
 <link rel="stylesheet" href="light.css"> <link rel="stylesheet" href="light.css">
 <!-- ダークモードのCSS --> <!-- ダークモードのCSS -->
-<link rel="stylesheet" media="(prefers-color-theme: dark)" href="dark.css">+<link rel="stylesheet" media="(prefers-color-scheme: dark)" href="dark.css">
 </code> </code>
  
行 134: 行 136:
 <!-- PC用 --> <!-- PC用 -->
 <link rel="stylesheet" media="screen and (min-device-width: 1025px)" href="pc.css"> <link rel="stylesheet" media="screen and (min-device-width: 1025px)" href="pc.css">
- 
 </code> </code>
  
-[[https://developer.mozilla.org/ja/docs/Web/CSS/Media_Queries/Using_media_queries|メディアクエリの使用 - CSS: カスケーディングスタイルシート | MDN]] 
css.1552532150.txt.gz · 最終更新: 2019/03/14 02:55 by nullpon