相談用 画像が縦長になる件 4/21

Posted:2019.04.02カテゴリー: 派遣会社の社員ブログ(JOBBANK)
相談用 画像が縦長になる件 4/21

スマホでサイトを見ると、アイキャッチ画像以外は縦長に変形表示されます。iPhone8、iPhoneSE、OPPO で画像が縦長になる事を確認中。  androidは未確認。
————————————————————
正方形でないから変形するのか?画像の表示サイズが大きい事が原因か?もしそうなら、何×何pxなら変形されないのか。

youtubeの貼り付けた動画もスマホ画面からはみ出していてる。貼り方が悪かったのか、Wordpressの問題か不明。

■サンプル 貼付用URL
<div class=”youtube”>
<iframe width=”560″ height=”315″ src=”https://youtu.be/y-rLZJbNCzU” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
</div>
■サンプル 通常URL
<div class=”youtube”>
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/watch?v=y-rLZJbNCzU” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
</div>