回答編集履歴
4
修正
test
CHANGED
|
@@ -4,10 +4,40 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
+
問題の一例としては以下のHTMLと
|
|
12
|
+
|
|
13
|
+
```HTML
|
|
14
|
+
|
|
15
|
+
<div class="item">
|
|
16
|
+
|
|
17
|
+
<img src="https://prog-8.com/images/html/advanced/html.png">
|
|
18
|
+
|
|
19
|
+
<p class="name">HTML & CSS</p>
|
|
20
|
+
|
|
21
|
+
<p>ウェブページの作成に使用される言語です。HTMLとCSSを組み合わせることで、静的なページを作り上げることができます。</p>
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
以下のCSSが挙げられます。
|
|
28
|
+
|
|
29
|
+
```CSS
|
|
30
|
+
|
|
31
|
+
.item p{
|
|
32
|
+
|
|
33
|
+
font-size:13px;
|
|
34
|
+
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
本来は**下の文章だけ**に`font-size:13px;`を適用したいものが、同じ要素名のため`<p class="name">HTML & CSS</p>`にも適応されていることが原因です・
|
|
40
|
+
|
|
11
|
-
|
|
41
|
+
ここを修正すれば`font-size`が1rem = 16pxになり元の大きさになるでしょう。
|
|
12
42
|
|
|
13
43
|
ちなみに、お手本用のコードも別に大きくなっているだけではなく周囲の文字が小さいから大きく見えるだけです。
|
3
修正
test
CHANGED
|
File without changes
|
2
追記
test
CHANGED
|
@@ -8,6 +8,6 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
13pxが適用されているだけです。ここを修正すれば1rem=16pxになり元の大きさになるでしょう。
|
|
11
|
+
13pxが適用されているだけです。ここを修正すれば1rem = 16pxになり元の大きさになるでしょう。
|
|
12
12
|
|
|
13
|
-
ちなみに、お手本用のコードも別大きくなっているだけではなく周囲の文字が小さいから大きく見えるだけです。
|
|
13
|
+
ちなみに、お手本用のコードも別に大きくなっているだけではなく周囲の文字が小さいから大きく見えるだけです。
|
1
画像の追加
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|