回答編集履歴

1

追記

2020/10/03 08:11

投稿

kuma_kuma_
kuma_kuma_

スコア2506

test CHANGED
@@ -23,3 +23,83 @@
23
23
  }
24
24
 
25
25
  文字サイズ大きくされているようですが...
26
+
27
+
28
+
29
+ 追記
30
+
31
+ なぜかCSS等構成が変わっているのですが...
32
+
33
+ <div class="bottom_image" ...>
34
+
35
+ 背景指定で画像を表示しているので画像サイズが取れなく不自然な表示になっています。
36
+
37
+ ```CSS
38
+
39
+ height: 48vw; 
40
+
41
+ ```
42
+
43
+ とか指定してみて下さい。
44
+
45
+
46
+
47
+ こんどは
48
+
49
+ レスポンシブ対応していた
50
+
51
+ ```CSS
52
+
53
+ @media screen and (max-width: 700px)
54
+
55
+ p {
56
+
57
+ font-size: 15px;
58
+
59
+ }
60
+
61
+ ```
62
+
63
+ が上書きされて(index.html 395行目)
64
+
65
+ (意味がなくなって)
66
+
67
+ ```CSS
68
+
69
+ #blog_list .excerpt {
70
+
71
+ font-size: 14px;
72
+
73
+ line-height: 2.2;
74
+
75
+ }
76
+
77
+ ```
78
+
79
+ (style.css?ver=1.4 391行目)
80
+
81
+ こちらが優先されています。
82
+
83
+ もし対応されるなら
84
+
85
+ <style>タグの後にCSSファイルを呼び込まなで下さい。
86
+
87
+
88
+
89
+
90
+
91
+ あとレスポンシブ対応でもCSSは後勝ちです。
92
+
93
+ よくわからないであれば
94
+
95
+ ```CSS
96
+
97
+ @media screen and (min-width: 901px) {}
98
+
99
+ @media screen and (min-width: 701px) and (max-width:900px) {}
100
+
101
+ @media screen and (max-width: 700px) {}
102
+
103
+ ```
104
+
105
+ の様にサイズで区切ってください。