回答編集履歴
2
誤字の修正
test
CHANGED
@@ -108,7 +108,7 @@
|
|
108
108
|
|
109
109
|
### ⑵留学-中国語間の謎の空間をなくしたい
|
110
110
|
|
111
|
-
Daregada
|
111
|
+
Daregadaさんが書かれた通り、
|
112
112
|
|
113
113
|
全角スペースで余計な空白が入っています。
|
114
114
|
|
1
書式の改善
test
CHANGED
@@ -25,6 +25,38 @@
|
|
25
25
|
```
|
26
26
|
|
27
27
|
▲ この部分を ▼
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
▼固定幅の場合
|
32
|
+
|
33
|
+
```css
|
34
|
+
|
35
|
+
#gnav li a{
|
36
|
+
|
37
|
+
display:block;
|
38
|
+
|
39
|
+
position:relative;
|
40
|
+
|
41
|
+
font-size:●●em; /* ここの文字サイズを調整 */
|
42
|
+
|
43
|
+
line-height:●●em; /* line-heightで高さ設定 */
|
44
|
+
|
45
|
+
padding: 0; /* paddingなし */
|
46
|
+
|
47
|
+
color: #fff;
|
48
|
+
|
49
|
+
text-decoration:none;
|
50
|
+
|
51
|
+
margin:0;
|
52
|
+
|
53
|
+
text-align: center;
|
54
|
+
|
55
|
+
}
|
56
|
+
|
57
|
+
```
|
58
|
+
|
59
|
+
▼レスポンシブの場合
|
28
60
|
|
29
61
|
```css
|
30
62
|
|
@@ -54,7 +86,7 @@
|
|
54
86
|
|
55
87
|
font-size:1.5vw; /* 画面巾に応じ文字サイズが変わるよう単位を vw にする */
|
56
88
|
|
57
|
-
line-height:
|
89
|
+
line-height:●●em; /* line-heightで高さ設定 */
|
58
90
|
|
59
91
|
}
|
60
92
|
|
@@ -62,7 +94,7 @@
|
|
62
94
|
|
63
95
|
font-size:1.5vw; /* 親と同じサイズにするか、お好みで */
|
64
96
|
|
65
|
-
line-height:
|
97
|
+
line-height:●●em; /* お好みで子専用の高さを設定 */
|
66
98
|
|
67
99
|
}
|
68
100
|
|
@@ -86,6 +118,26 @@
|
|
86
118
|
|
87
119
|
<nav id="menu"> など、メニュー部分をラップしている要素に、記事と同じ幅を設定する
|
88
120
|
|
121
|
+
|
122
|
+
|
123
|
+
▼固定幅の場合
|
124
|
+
|
125
|
+
```css
|
126
|
+
|
127
|
+
#menu {
|
128
|
+
|
129
|
+
width: ●●px; /* 記事と同じ幅 */
|
130
|
+
|
131
|
+
margin: 0 auto;
|
132
|
+
|
133
|
+
}
|
134
|
+
|
135
|
+
```
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
▼レスポンシブの場合
|
140
|
+
|
89
141
|
```css
|
90
142
|
|
91
143
|
#menu {
|
@@ -97,9 +149,3 @@
|
|
97
149
|
}
|
98
150
|
|
99
151
|
```
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
### その他
|
104
|
-
|
105
|
-
vw では、画面巾によってかなり文字が小さくなりますm(__)m
|