質問編集履歴
1
参考サイトの追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
sass
|
|
1
|
+
Live sass compilerを用いてコードを書いているが、メディアクエリのみ反映されない
|
test
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
+
Live sass compilerを用いてコードを書いていますが、レスポンシブ表示（メディアクエリ）のみ反映されません。
|
|
3
4
|
|
|
5
|
+
ほかのネスト（入れ子）などは反映されており、watching…とも出ています。
|
|
4
6
|
|
|
5
|
-
ここに質問の内容を詳しく書いてください。
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
SASSでコードを書いていますが、レスポンシブ表示（メディアクエリ）のみ反応しません。
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
$breakpointsなどの定義の仕方が間違っているのでしょうか？
|
|
12
8
|
|
|
13
9
|
|
|
14
10
|
|
|
@@ -76,15 +72,15 @@
|
|
|
76
72
|
|
|
77
73
|
### 試したこと
|
|
78
74
|
|
|
79
|
-
エラーメッセージでgoogle検索しましたが、解決
|
|
75
|
+
エラーメッセージ「Internal Error: Incompatible units: '%' and 'px'.」でgoogle検索しましたが、sassとcssで単位が異なりけんかしているとのこと。。の様ですが、自身では解決方法がわかりませんでした。
|
|
80
76
|
|
|
81
|
-
|
|
77
|
+
参考サイト：https://doudemo.info/plane-css-min_and_sass-min-functions_are_different/
|
|
82
78
|
|
|
83
79
|
|
|
84
80
|
|
|
85
81
|
sass自体は「watching…」と表示されているので、機能はしていると思います。
|
|
86
82
|
|
|
87
|
-
レスポンシブの
|
|
83
|
+
メディアクエリのみなかなか効かず、レスポンシブの設定ができません。
|
|
88
84
|
|
|
89
85
|
|
|
90
86
|
|