スマホで画像を原寸表示させたい - CSSカスタマイズ相談

RE: スマホで画像を原寸表示させたい

シロミィ — Wed, 05 Jun 2019 13:48:25 +0000

すみません、改めて調べましたところ画像アップロードの際に

”class「wp-image-***」を削除する”

という方法でスマホで画像がぼやけないように出来ました。

てっきり横幅が縮小されているためだと思い込んでいました、申し訳ありません。

原寸表示の仕方を教えて頂いたことで問題の切り分けが出来ました。

どうもありがとうございました！

シロミィ — Wed, 05 Jun 2019 13:14:24 +0000

お答えありがとうございます。

現在お教え頂いたものを適用中なのですが、大きく表示されたのはいいもののなぜか文字がぼやけてしまっています……。どうしたものでしょうか。

わいひら — Wed, 05 Jun 2019 12:57:57 +0000

画面の横揺れOKということであれば、以下の方法で原寸表示されるかと思います。

.wp-block-image img {
  max-width: none;
}

ただし上記のコードは全てのページの、.wp-block-image imgに適用されるので、特定のページのみ適用させるには、そういったCSSセレクタを書く必要があるかと思います。

シロミィ — Wed, 05 Jun 2019 11:30:48 +0000

お世話になります。

大きな画像（1302×5655）を表示させたいのですが、スマホで見た時スマホの横幅に縮小されてしまうようで、拡大表示すると画像内の文字が潰れて読みにくくなってしまいます。

スマホで画像幅をそのまま表示させる方法をお教えください。よろしくお願いいたします。

URLはこちらです

http://yabusiro.sumomo.ne.jp/huonnasinryoujo/?p=38