質問編集履歴
3
100vw
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -398,6 +398,22 @@
|
|
|
398
398
|
|
|
399
399
|
|
|
400
400
|
|
|
401
|
+
表示が崩れているソースコードを確認したところ、画像が崩れているほうは、どこから現れたのか100vwという表記がありました。考えられる対策は、ありますか？
|
|
402
|
+
|
|
403
|
+
|
|
404
|
+
|
|
405
|
+
【崩れている左側の画像】
|
|
406
|
+
|
|
407
|
+
```
|
|
408
|
+
|
|
409
|
+
<div class="photo">
|
|
410
|
+
|
|
411
|
+
<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>
|
|
412
|
+
|
|
413
|
+
```
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
401
417
|
【追記2】
|
|
402
418
|
|
|
403
419
|
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
|
2
画像追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -384,6 +384,22 @@
|
|
|
384
384
|
|
|
385
385
|
|
|
386
386
|
|
|
387
|
+
|
|
388
|
+
|
|
389
|
+
【追記1】
|
|
390
|
+
|
|
391
|
+
左側：投稿のthumbnailの場合、画像が崩れてしまいます。
|
|
392
|
+
|
|
393
|
+
右側：画像なしのときに表示するアイキャッチ画像は、イメージ通りの表示ができができます。
|
|
394
|
+
|
|
395
|
+
|
|
396
|
+
|
|
397
|
+
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
|
|
401
|
+
【追記2】
|
|
402
|
+
|
|
387
403
|
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
|
|
388
404
|
|
|
389
405
|
文字が重ならないようにする方法がわからないため、教えて下さい。
|
1
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -379,3 +379,15 @@
|
|
|
379
379
|
|
|
380
380
|
|
|
381
381
|
その他、必要な情報があれば掲載します。また、不自然な箇所があればご指摘いただければ幸いです。
|
|
382
|
+
|
|
383
|
+
|
|
384
|
+
|
|
385
|
+
|
|
386
|
+
|
|
387
|
+
アドバイスを頂いて、object-fitを追記した結果、画像のような結果になりました。
|
|
388
|
+
|
|
389
|
+
文字が重ならないようにする方法がわからないため、教えて下さい。
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
|
|
393
|
+
|