スマホの画面表示がiPhoneとアンドロイドで違い



  • こんにちは。
    ちーりんと申します。
    お忙しいところすみません。

    ようやく投稿を始めたばかりの初心者質問です。
    自分のandroidスマホで見ると問題なく見れますが、別の方のiPhone11のスマホですと
    文字が飛んだり改行がおかしく、崩れた画面でした。
    スクショがなくてすみません。
    対処方法ございますか?
    お手すきの時に教えてくださいませ。


    マニュアル確認済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :


  • administrators

    @ちーりん さん

    こんにちは!
    実際のサイトを共有いただけますか?

    こちらで検証させていただきますのでお手数お掛け致しますが、よろしくお願いいたします。



  • Ryotaさま
    こんにちは!
    返信有りがとうございます。

    スクショを送ります。
    iPhoneの画面は改行が乱れており、間がかなり空いてます。
    androidでは問題ないです。
    0_1632788161162_1632786988724.jpg
    0_1632788178449_1632787621848.jpg

    Ryotaさんが言われております『サイトを共有』とは、
    私のブログのこちらのことでよろしいでしょうか?
    https://ちーりん.com/

    お時間ある時で大丈夫ですので宜しくお願いします。



  • @ちーりん さん

    こんにちは!
    途中から失礼いたします。

    サイトを拝見したのですが、もしかしたら
    記事本文が、ほとんど「見出し」ブロックで作られているのが原因かもしれません。

    一般的には

    ●見出しとして表示したい文章は「見出し」ブロック
    ●本文の文章は「段落」ブロック

    を使いますので、

    文章は基本的に「段落」ブロックをメインで使って、
    文章に見出し(表題・タイトル)を付けたい時に「見出し」ブロックを使ってあげてください。

    イメージだと、こんな感じでしょうか ↓
    0_1634610252132_スクリーンショット 2021-10-19 11.11.40.jpg


    デザインにも影響してくるので、一概には言えませんが、
    「見出し」と「段落」を分けることで読みやすくもなりますので、参考になれば。

    いずれにしても「見出し」ブロックの中に
    「改行」や「画像」が多いと、表示が崩れてしまう事はあると思います。

    ================================================
    ●見出しに関してはこちらの記事が参考になりそうです。
    https://www.conoha.jp/lets-wp/wp-heading/

    ●それぞれのブロックの使い方に関しては、こちらの記事が参考になると思います。
    (目次にある「WordPress記事の書き方・投稿方法」という見出しをクリックしてみてください)
    https://www.conoha.jp/lets-wp/how-to-write-wp/#section02

    お時間ある時に一度ご覧いただければと思います。

    ================================================
    長々と書いてしまって申し訳ありません。。
    参考になれば幸いです。

    よろしくお願いいたします。