質問編集履歴
3
\*
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
```
|
|
6
6
|
下記のコードを使って400px~1000pxの画面サイズで表示させて
|
|
7
7
|
デベロッパーツールで確認すると
|
|
8
|
-
font-size: calc(
|
|
8
|
+
font-size: calc(70％)が当範囲で一貫して適用されてしまいます。
|
|
9
9
|
（ウィンドウの大きさに関わらず当範囲では70％になってしまいます・・・）
|
|
10
10
|
おそらくcalc内に問題があるのだと思いますが
|
|
11
11
|
なにがいけないのかわかりません・・・ご教示願います。
|
2
表記修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
###発生している問題・エラーメッセージ
|
|
4
4
|
|
|
5
5
|
```
|
|
6
|
-
下記のコードを使って400px~1000pxの画
|
|
6
|
+
下記のコードを使って400px~1000pxの画面サイズで表示させて
|
|
7
|
+
デベロッパーツールで確認すると
|
|
7
|
-
font-size: calc(70％)が
|
|
8
|
+
font-size: calc(**70％**)が当範囲で一貫して適用されてしまいます。
|
|
8
|
-
ウィンドウの大きさに関わらず70％になってしまいます・・・
|
|
9
|
+
（ウィンドウの大きさに関わらず当範囲では70％になってしまいます・・・）
|
|
9
10
|
おそらくcalc内に問題があるのだと思いますが
|
|
10
|
-
わかりません・・・ご教示願います。
|
|
11
|
+
なにがいけないのかわかりません・・・ご教示願います。
|
|
11
12
|
```
|
|
12
13
|
|
|
13
14
|
###
|
1
記述に不足があったので修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
```
|
|
6
6
|
下記のコードを使って400px~1000pxの画像で表示させると
|
|
7
|
-
font-size: calc(70％)で表示されてしまいます。
|
|
7
|
+
font-size: calc(70％)が固定で表示されてしまいます。
|
|
8
|
+
ウィンドウの大きさに関わらず70％になってしまいます・・・
|
|
8
9
|
おそらくcalc内に問題があるのだと思いますが
|
|
9
10
|
わかりません・・・ご教示願います。
|
|
10
11
|
```
|
|
@@ -19,11 +20,11 @@
|
|
|
19
20
|
font-size: 100%;}
|
|
20
21
|
// 400px~1000pxの間では徐々に大きく
|
|
21
22
|
@media screen and (min-width: 400px) {
|
|
22
|
-
.test { font-size: calc(80%+20*(100vw-400px)/600)}
|
|
23
|
+
.test { font-size: calc(80%+20*(100vw-400px)/600)；}
|
|
23
24
|
}
|
|
24
25
|
// 1,000px以上は、14pxに
|
|
25
26
|
@media screen and (min-width: 1000px) {
|
|
26
|
-
.test { font-size: 100%)}
|
|
27
|
+
.test { font-size: 100%)；}
|
|
27
28
|
}
|
|
28
29
|
```
|
|
29
30
|
|