質問編集履歴
3
\*
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
デベロッパーツールで確認すると
|
|
14
14
|
|
|
15
|
-
font-size: calc(
|
|
15
|
+
font-size: calc(70％)が当範囲で一貫して適用されてしまいます。
|
|
16
16
|
|
|
17
17
|
（ウィンドウの大きさに関わらず当範囲では70％になってしまいます・・・）
|
|
18
18
|
|
2
表記修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,15 +8,17 @@
|
|
|
8
8
|
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
下記のコードを使って400px~1000pxの画
|
|
11
|
+
下記のコードを使って400px~1000pxの画面サイズで表示させて
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
デベロッパーツールで確認すると
|
|
14
14
|
|
|
15
|
+
font-size: calc(**70％**)が当範囲で一貫して適用されてしまいます。
|
|
16
|
+
|
|
15
|
-
ウィンドウの大きさに関わらず70％になってしまいます・・・
|
|
17
|
+
（ウィンドウの大きさに関わらず当範囲では70％になってしまいます・・・）
|
|
16
18
|
|
|
17
19
|
おそらくcalc内に問題があるのだと思いますが
|
|
18
20
|
|
|
19
|
-
わかりません・・・ご教示願います。
|
|
21
|
+
なにがいけないのかわかりません・・・ご教示願います。
|
|
20
22
|
|
|
21
23
|
```
|
|
22
24
|
|
1
記述に不足があったので修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
下記のコードを使って400px~1000pxの画像で表示させると
|
|
12
12
|
|
|
13
|
-
font-size: calc(70％)で表示されてしまいます。
|
|
13
|
+
font-size: calc(70％)が固定で表示されてしまいます。
|
|
14
|
+
|
|
15
|
+
ウィンドウの大きさに関わらず70％になってしまいます・・・
|
|
14
16
|
|
|
15
17
|
おそらくcalc内に問題があるのだと思いますが
|
|
16
18
|
|
|
@@ -40,7 +42,7 @@
|
|
|
40
42
|
|
|
41
43
|
@media screen and (min-width: 400px) {
|
|
42
44
|
|
|
43
|
-
.test { font-size: calc(80%+20*(100vw-400px)/600)}
|
|
45
|
+
.test { font-size: calc(80%+20*(100vw-400px)/600)；}
|
|
44
46
|
|
|
45
47
|
}
|
|
46
48
|
|
|
@@ -48,7 +50,7 @@
|
|
|
48
50
|
|
|
49
51
|
@media screen and (min-width: 1000px) {
|
|
50
52
|
|
|
51
|
-
.test { font-size: 100%)}
|
|
53
|
+
.test { font-size: 100%)；}
|
|
52
54
|
|
|
53
55
|
}
|
|
54
56
|
|