質問編集履歴
1
参考サイトの追加
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
sass
|
|
1
|
+
Live sass compilerを用いてコードを書いているが、メディアクエリのみ反映されない
|
body
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
|
+
Live sass compilerを用いてコードを書いていますが、レスポンシブ表示（メディアクエリ）のみ反映されません。
|
|
3
|
+
ほかのネスト（入れ子）などは反映されており、watching…とも出ています。
|
|
4
|
+
$breakpointsなどの定義の仕方が間違っているのでしょうか？
|
|
2
5
|
|
|
3
|
-
ここに質問の内容を詳しく書いてください。
|
|
4
6
|
|
|
5
|
-
SASSでコードを書いていますが、レスポンシブ表示（メディアクエリ）のみ反応しません。
|
|
6
|
-
ほかのネスト（入れ子）などは反映されているので、定義の仕方などが間違っているのでしょうか？
|
|
7
|
-
|
|
8
|
-
|
|
9
7
|
### 発生している問題・エラーメッセージ
|
|
10
8
|
|
|
11
9
|
```
|
|
@@ -37,11 +35,11 @@
|
|
|
37
35
|
```
|
|
38
36
|
|
|
39
37
|
### 試したこと
|
|
40
|
-
エラーメッセージでgoogle検索しましたが、解決
|
|
38
|
+
エラーメッセージ「Internal Error: Incompatible units: '%' and 'px'.」でgoogle検索しましたが、sassとcssで単位が異なりけんかしているとのこと。。の様ですが、自身では解決方法がわかりませんでした。
|
|
41
|
-
|
|
39
|
+
参考サイト：https://doudemo.info/plane-css-min_and_sass-min-functions_are_different/
|
|
42
40
|
|
|
43
41
|
sass自体は「watching…」と表示されているので、機能はしていると思います。
|
|
44
|
-
|
|
42
|
+
メディアクエリのみなかなか効かず、レスポンシブの設定ができません。
|
|
45
43
|
|
|
46
44
|
### 補足情報（FW/ツールのバージョンなど）
|
|
47
45
|
|