以下のサイトをスマホで閲覧してみると、テーブル内の画像の大きさがバラバラになっ…

ブログ全般
ユーザー2047さん
ユーザー2047

以下のサイトをスマホで閲覧してみると、テーブル内の画像の大きさがバラバラになってしまっており、見にくくなっています。
https://brawlstars.technophere.com/skin-list-rarity/

おそらく解像度が異なる画像をそのままインライン画像で挿入したのが原因かと思われます。

ピクセルが異なる画像同士でも大きさを揃えるやり方を教えてください。
ある程度であればcssの記述もできます。

ご回答よろしくお願いします。

みんなのコメント 1件

ユーザー660さん
ユーザー660さん

>ある程度であればcssの記述もできます。

▶これが事実なのであれば、すでに解決しているはずです。

class を付与して CSS で画像サイズを揃えることもできますし、ブロックエディタを利用している場合は画像ブロックにて画像サイズを簡単に変更することだってできます。
これらがわからない or 当てはまらないのであれば、内部的にどうにかしようとするのではなく、WordPress へのアップロート前に画像編集にて全ての画像の幅と高さ(ピクセル)を揃えれば良いのではないでしょうか。画像数が多いので手間かとは思いますが、そういった手間を惜しまずに作り上げた記事こそ、読者に対して熱意が伝わるものです。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録