回答編集履歴
3
追記
test
CHANGED
@@ -70,6 +70,10 @@
|
|
70
70
|
|
71
71
|
}
|
72
72
|
|
73
|
+
|
74
|
+
|
75
|
+
/* That's all. ^^ */
|
76
|
+
|
73
77
|
```
|
74
78
|
|
75
79
|
|
2
追記
test
CHANGED
@@ -1,4 +1,8 @@
|
|
1
1
|
コードで語ろう,こんな感じに
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
---
|
2
6
|
|
3
7
|
|
4
8
|
|
@@ -50,6 +54,26 @@
|
|
50
54
|
|
51
55
|
|
52
56
|
|
57
|
+
OR
|
58
|
+
|
59
|
+
|
60
|
+
|
61
|
+
```css
|
62
|
+
|
63
|
+
/* Pretty Way */
|
64
|
+
|
65
|
+
|
66
|
+
|
67
|
+
h1.hestia-title{
|
68
|
+
|
69
|
+
font-size: 5vw;
|
70
|
+
|
71
|
+
}
|
72
|
+
|
73
|
+
```
|
74
|
+
|
75
|
+
|
76
|
+
|
53
77
|
---
|
54
78
|
|
55
79
|
|
@@ -81,3 +105,5 @@
|
|
81
105
|
Tips:
|
82
106
|
|
83
107
|
- [CSSの基本単位としてremを使うと超絶便利](https://qiita.com/butchi_y/items/453654828d9d6c9f94b0)
|
108
|
+
|
109
|
+
- [レスポンシブの単位には%よりもvw, vhが便利!フォントサイズの指定にも使える ](https://wemo.tech/366)
|
1
追記
test
CHANGED
@@ -3,6 +3,10 @@
|
|
3
3
|
|
4
4
|
|
5
5
|
```css
|
6
|
+
|
7
|
+
/* This CSS is desktop first. */
|
8
|
+
|
9
|
+
|
6
10
|
|
7
11
|
html{
|
8
12
|
|