Blog

HOME > Web > ブラウザ > 【WordPress】Chromeで画像が崩れる件について

【WordPress】Chromeで画像が崩れる件について

2024/10/27

ブラウザ カスタム投稿 Wordpress

備忘録です。

WordPressで制作したホームページのカスタム投稿一覧で画像が崩れているというクレームがありました。
Safariでは問題ないものの、なぜかChromeのみで正方形の画像が縦長に伸びており、CSSで正方形に戻す修正をしました。

CSSを修正

img{
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ