回答編集履歴

3

追記

2019/04/03 02:10

投稿

yoshinavi
yoshinavi

スコア3523

test CHANGED
@@ -83,3 +83,59 @@
83
83
  }
84
84
 
85
85
  ```
86
+
87
+
88
+
89
+ ---
90
+
91
+ -追記2-
92
+
93
+
94
+
95
+ 私の環境では、プロトコル(スキーマ)を付与しないと、読み込んでいなかったので、付与して確認しました。
96
+
97
+ 質問者さんのご指摘どおりで、私の確認不足でした。
98
+
99
+ m( _ _ ;)m
100
+
101
+
102
+
103
+ セレクタの追加で対策可能かと思います。
104
+
105
+ ※heightとwidthを、それぞれで設定してみてください。
106
+
107
+
108
+
109
+ ```CSS
110
+
111
+ .header-logo img.emoji { /* ← セレクタ追加 */
112
+
113
+ height: 50px;
114
+
115
+ width: 50px;
116
+
117
+ margin: 1em;
118
+
119
+ vertical-align: -0.1em;
120
+
121
+ }
122
+
123
+
124
+
125
+ /* ↓もうひとつ作成↓ */
126
+
127
+ h1 img.emoji { /* ← セレクタ追加 */
128
+
129
+ height: 50px;
130
+
131
+ width: 50px;
132
+
133
+ margin: 1em;
134
+
135
+ vertical-align: -0.1em;
136
+
137
+ }
138
+
139
+
140
+
141
+ ```

2

追記

2019/04/03 02:10

投稿

yoshinavi
yoshinavi

スコア3523

test CHANGED
@@ -39,3 +39,47 @@
39
39
  font-size:40px
40
40
 
41
41
  ![イメージ説明](fbada380f291336217bd17626f0b0a52.png)
42
+
43
+
44
+
45
+ ```CSS
46
+
47
+ .emoji h1 {
48
+
49
+ height: 50px;
50
+
51
+ width: 50px;
52
+
53
+ margin: 1em;
54
+
55
+ vertical-align: -0.1em;
56
+
57
+ font-size: 40px;
58
+
59
+ }
60
+
61
+
62
+
63
+ .header {
64
+
65
+ height: 100px;
66
+
67
+ background-color: #6da6a4;
68
+
69
+ }
70
+
71
+
72
+
73
+ .header-logo {
74
+
75
+ height: 100px;
76
+
77
+ width: 100px;
78
+
79
+ margin: 10px 50px;
80
+
81
+ font-size: 40px;
82
+
83
+ }
84
+
85
+ ```

1

追記

2019/03/31 10:43

投稿

yoshinavi
yoshinavi

スコア3523

test CHANGED
@@ -21,3 +21,21 @@
21
21
  }
22
22
 
23
23
  ```
24
+
25
+ ---
26
+
27
+ -追記-
28
+
29
+
30
+
31
+ font-size:20px
32
+
33
+ ![イメージ説明](1ba4f286b548d6ecf2c758dabd07e3cc.png)
34
+
35
+
36
+
37
+ ---
38
+
39
+ font-size:40px
40
+
41
+ ![イメージ説明](fbada380f291336217bd17626f0b0a52.png)