なぜ文字まで５倍？

iタグだとフォントだけ５倍なのになぜspanやstrongタグにすると文字まで５倍になるのでしょうか？

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4
5    <meta charset="utf-8">
6    <title>Font Awesome</title>
7    <script src="https://use.fontawesome.com/6240a379a3.js"></script>
8  </head>
9  <body>
10    <p><i class="fa fa-html5" aria-hidden="true"></i> html5</p>
11    <p><i class="fa fa-html5 fa-lg" aria-hidden="true"></i> html5</p>
12    <p><i class="fa fa-html5 fa-2x" aria-hidden="true"></i> html5</p>
13    <p><span class="fa fa-html5 fa-5x" aria-hidden="true"></i> html5</span>
14  </body>
15</html>
16

html
1   <p><i class="fa fa-html5 fa-5x" aria-hidden="true"></i> html5</i>

範囲としてみるからでしょうか？
宜しくお願い致します。

goforward

2017/04/29 16:50 編集

...

行動規範の内容に同意します

回答1件

ベストアンサー

なぜもなにも、 の中にテキストが入っているからでしょう。

投稿2017/04/27 15:15

Zuishin

総合スコア28660

Zuishin

2017/04/27 15:18

開いたタグを閉じてなかったり、開いてないタグを閉じてたり、ものすごく気持ち悪いソースです。本当にそんなのを教えられましたか？

goforward

2017/04/27 15:25

html5でした。申し訳ありません

Zuishin

2017/04/28 00:50

画像を見て気になったのですが、Atom では間違った文法に対してエラーが表示されないんですね？ http://loumo.jp/wp/archive/20150905000005/ このあたりのプラグインをインストールすれば捗ると思います。 (私は Atom を使っていないので使い勝手などは知りませんし、このプラグインが同機能のものの中でベストかどうかも知りません)

goforward

2017/04/29 16:13

ちなみにeditorは何を使っているのでしょうか？

goforward

2017/04/29 16:29

なぜかまぐれできました。たぶん左のトグルにlinterのファイルがあるのだと思います

goforward

2017/04/29 16:50

ありがとうございました。

Zuishin

2017/04/29 21:49

私が使っているのは Visual Studio Code ですが、Atom も良いエディタと聞きます。できてよかったです。