スマホ版の文字サイズを変更する方法

  • 解決済 okamurajun

    (@okamurajun)


    9年、 1ヶ月前

    style.cssの子テーマを編集し、ブログのフォントサイズ、フォントカラーなどを変更してきました。
    記事タイトルのフォントサイズを、テーマのデフォルトより小さくしたいと思っています。
    style.cssを編集し、PCで見るとちゃんと変わりましたが、スマホで見ると変わりませんでした。
    一方、フォントカラーはスマホ版でも変わります。

    PCとモバイルで編集すべき事柄が違ったりするのでしょうか。
    今のところ問題点としては、スマホ版の記事タイトルの文字サイズを小さくしたいです。
    「WordPress スマホ フォントサイズ変更」などでググッてみましたが解決できず、ご質問しました。
    ご指導頂けますと幸いです。

    サイト：http://okamurajun.com/
    テーマ：SoSimple1.2.0

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Takahashi Fumiki

    (@takahashi_fumiki)

    9年、 1ヶ月前

    そのテーマのCSSにはメディアクエリというのが指定されています。

    @media screen and (min-width: 50em) {
    h1 {
        font-size: 32px;
    }
}

    この場合、「最大幅が50文字分より大きかったら」という条件下で適用されます。
    おそらくですが、スマホのサイズを先に作って、このメディアクエリに適用する場合（50em以上ということは、タブレットサイズ以上）だけに固定で文字サイズを指定しているはずです。

    なので、編集するCSSの場所がちょっと違うんじゃないでしょうか。

    トピック投稿者 okamurajun

    (@okamurajun)

    9年、 1ヶ月前

    Takahashi様
    アドバイス頂きありがとうございます。
    大変よく理解できました。
    スマホ版のほうがベースになっているCSSなのですね。
    そのことを踏まえて改めて探してみたら、スマホ版のフォントサイズを変更できる箇所を見つけ、無事に解決しました。
    本当にありがとうございます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スマホ版の文字サイズを変更する方法」には新たに返信することはできません。