質問編集履歴

1

追記

2022/01/03 05:11

投稿

niconic73027793
niconic73027793

スコア215

test CHANGED
@@ -1 +1 @@
1
- 指定した画像が表示されません。
1
+ 指定した画像が表示されません。
test CHANGED
@@ -44,7 +44,7 @@
44
44
 
45
45
  background-color: #F5F6F8;
46
46
 
47
- height:auto;
47
+
48
48
 
49
49
  }
50
50
 
@@ -130,6 +130,38 @@
130
130
 
131
131
  </a>
132
132
 
133
+
134
+
135
+ /*background-imageを使わない場合*/
136
+
137
+
138
+
139
+ .card-img2 {
140
+
141
+ padding-top: (3 / 4 * 100%);
142
+
143
+ position: relative;
144
+
145
+ }
146
+
147
+ img {
148
+
149
+ position: absolute;
150
+
151
+ top: 0;
152
+
153
+ left: 0;
154
+
155
+ width: 100%;
156
+
157
+ height: 100%;
158
+
159
+ object-fit: cover;
160
+
161
+ }
162
+
163
+
164
+
133
165
  ```
134
166
 
135
167
 
@@ -157,3 +189,11 @@
157
189
  <img src="/img/www.jpg/">
158
190
 
159
191
  のように表示したら画像はでました。
192
+
193
+
194
+
195
+ card に 
196
+
197
+ height:auto;
198
+
199
+ を指定しても駄目でした。