質問編集履歴

3

css img-fluidの追記

2021/01/13 09:08

投稿

n_k23
n_k23

スコア21

test CHANGED
File without changes
test CHANGED
@@ -180,7 +180,13 @@
180
180
 
181
181
  }
182
182
 
183
+ .img-fluid {
183
184
 
185
+ max-width: 100%;
186
+
187
+ height: auto;
188
+
189
+ }
184
190
 
185
191
  ```
186
192
 

2

cssの記述追加

2021/01/13 09:08

投稿

n_k23
n_k23

スコア21

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  index.htmlに記述してみたがNG
8
8
 
9
-
9
+ cssで新たにclassを指定し記述したがNG
10
10
 
11
11
  ・Bootstrapを使用
12
12
 
@@ -132,6 +132,58 @@
132
132
 
133
133
  ```
134
134
 
135
+
136
+
137
+ ```css
138
+
139
+ html {
140
+
141
+ font-family: sans-serif;
142
+
143
+ line-height: 1.15;
144
+
145
+ -webkit-text-size-adjust: 100%;
146
+
147
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
148
+
149
+ }
150
+
151
+
152
+
153
+ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
154
+
155
+ display: block;
156
+
157
+ }
158
+
159
+
160
+
161
+ body {
162
+
163
+ margin: 0;
164
+
165
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
166
+
167
+ font-size: 1rem;
168
+
169
+ font-weight: 400;
170
+
171
+ line-height: 1.5;
172
+
173
+ color: #212529;
174
+
175
+ text-align: left;
176
+
177
+ background-color: #fff;
178
+
179
+ background-image: url(../img/084AME0226_TP_V.jpg);
180
+
181
+ }
182
+
183
+
184
+
185
+ ```
186
+
135
187
  色々試行錯誤しましたがうまく解決できませんでした。
136
188
 
137
189
  お力をもらえないでしょうか。

1

img画像の追記

2021/01/13 08:59

投稿

n_k23
n_k23

スコア21

test CHANGED
File without changes
test CHANGED
@@ -57,6 +57,8 @@
57
57
  </nav>
58
58
 
59
59
  <div>
60
+
61
+      <img src="../static/img/084AME0226_TP_V.jpg" class="img-fluid" alt="Responsive image">
60
62
 
61
63
  {% block body %}
62
64