質問編集履歴
3
100vw
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -198,6 +198,14 @@
|
|
|
198
198
|
|
|
199
199
|
|
|
200
200
|
|
|
201
|
+
表示が崩れているソースコードを確認したところ、画像が崩れているほうは、どこから現れたのか100vwという表記がありました。考えられる対策は、ありますか？
|
|
202
|
+
|
|
203
|
+
【崩れている左側の画像】
|
|
204
|
+
```
|
|
205
|
+
<div class="photo">
|
|
206
|
+
<img width="800" height="450" src="http://my-design.local/wp-content/uploads/2021/09/gajoen-S__48111621.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" loading="lazy" srcset="http://my-design.local/wp-content/uploads/2021/09/gajoen-S__48111621.jpg 800w, http://my-design.local/wp-content/uploads/2021/09/gajoen-S__48111621-300x169.jpg 300w, http://my-design.local/wp-content/uploads/2021/09/gajoen-S__48111621-768x432.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> </div>
|
|
207
|
+
```
|
|
208
|
+
|
|
201
209
|
【追記2】
|
|
202
210
|
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
|
|
203
211
|
文字が重ならないようにする方法がわからないため、教えて下さい。
|
2
画像追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -191,6 +191,14 @@
|
|
|
191
191
|
その他、必要な情報があれば掲載します。また、不自然な箇所があればご指摘いただければ幸いです。
|
|
192
192
|
|
|
193
193
|
|
|
194
|
+
|
|
195
|
+
【追記1】
|
|
196
|
+
左側：投稿のthumbnailの場合、画像が崩れてしまいます。
|
|
197
|
+
右側：画像なしのときに表示するアイキャッチ画像は、イメージ通りの表示ができができます。
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
【追記2】
|
|
194
202
|
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
|
|
195
203
|
文字が重ならないようにする方法がわからないため、教えて下さい。
|
|
196
204
|
|
1
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -188,4 +188,10 @@
|
|
|
188
188
|
}
|
|
189
189
|
```
|
|
190
190
|
|
|
191
|
-
その他、必要な情報があれば掲載します。また、不自然な箇所があればご指摘いただければ幸いです。
|
|
191
|
+
その他、必要な情報があれば掲載します。また、不自然な箇所があればご指摘いただければ幸いです。
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
|
|
195
|
+
文字が重ならないようにする方法がわからないため、教えて下さい。
|
|
196
|
+
|
|
197
|
+
|