質問編集履歴
3
ご指摘ありがとうございます、コードを枠に入れ直しました。会社の仕事でなく、学校の課題です。
title
CHANGED
File without changes
|
body
CHANGED
@@ -95,8 +95,9 @@
|
|
95
95
|
|
96
96
|
</body>
|
97
97
|
</html>
|
98
|
-
``````
|
98
|
+
``````
|
99
|
-
|
99
|
+
sass css
|
100
|
+
```
|
100
101
|
コード
|
101
102
|
.footB{
|
102
103
|
//ブレイクポイント
|
@@ -126,15 +127,20 @@
|
|
126
127
|
}
|
127
128
|
}
|
128
129
|
}
|
130
|
+
|
129
131
|
```
|
130
132
|
|
131
133
|
|
134
|
+
|
135
|
+
|
136
|
+
|
132
137
|
### 試したこと
|
133
138
|
@mixin
|
134
139
|
@content
|
135
140
|
を使って書いていたのですがうまくいかず、挫けてしまいました
|
136
141
|
|
137
142
|
|
143
|
+
|
138
144
|
### 補足情報(FW/ツールのバージョンなど)
|
139
145
|
|
140
146
|
ここにより詳細な情報を記載してください。
|
2
たびたび変更してしまいすみません、自分が書いたコードですが変にいじってしまってどうしたいいかわからなくなってしましました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -95,8 +95,8 @@
|
|
95
95
|
|
96
96
|
</body>
|
97
97
|
</html>
|
98
|
-
```
|
99
|
-
```
|
98
|
+
``````css
|
99
|
+
|
100
100
|
コード
|
101
101
|
.footB{
|
102
102
|
//ブレイクポイント
|
@@ -126,6 +126,7 @@
|
|
126
126
|
}
|
127
127
|
}
|
128
128
|
}
|
129
|
+
```
|
129
130
|
|
130
131
|
|
131
132
|
### 試したこと
|
1
入力方法がわからずすみませんでした、自分で書いたコードですが、正直よくわからなくなってしまいました。すみません
title
CHANGED
File without changes
|
body
CHANGED
@@ -23,6 +23,8 @@
|
|
23
23
|
|
24
24
|
### 該当のソースコード
|
25
25
|
|
26
|
+
```html
|
27
|
+
コード
|
26
28
|
<html lang="ja">
|
27
29
|
<head>
|
28
30
|
<meta charset="UTF-8">
|
@@ -93,8 +95,39 @@
|
|
93
95
|
|
94
96
|
</body>
|
95
97
|
</html>
|
98
|
+
```
|
99
|
+
```css_sass
|
100
|
+
コード
|
101
|
+
.footB{
|
102
|
+
//ブレイクポイント
|
103
|
+
//$pb:1000px; //PC
|
104
|
+
//$mb:768px; //モバイル
|
96
105
|
|
106
|
+
//pc
|
107
|
+
@mixin pbmax{
|
108
|
+
}
|
109
|
+
//スマホ
|
110
|
+
@mixin mbmax{
|
111
|
+
}
|
97
112
|
|
113
|
+
bgc{
|
114
|
+
color: gray;
|
115
|
+
}
|
116
|
+
|
117
|
+
$breakPoints:(
|
118
|
+
|
119
|
+
"pbmax":"screen and (max-width:1000px)",
|
120
|
+
"mbmax":"screen and (max-width:768px)"
|
121
|
+
);
|
122
|
+
|
123
|
+
@mixin mq($breakPoints:mbmax){
|
124
|
+
@media #{map-get($breakPoints,$breakPoint)} {
|
125
|
+
|
126
|
+
}
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
|
98
131
|
### 試したこと
|
99
132
|
@mixin
|
100
133
|
@content
|