[ 解決済 ] スマホでの文字サイズ変更

VWSとは フォーラム Lightning [ 解決済 ] スマホでの文字サイズ変更

[ 解決済 ] スマホでの文字サイズ変更

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #105791

    ■ WordPress のバージョン
    WordPress 6.7.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    バージョン: 15.29.4

    ■ Pro Unit のバージョン
    バージョン 0.29.2

    ■ スキンの種類
    Evergreen

    ■ スキンのバージョン
    0.2.6

    ■ 期待する動作
    特定の文字(ブロック)について、スマホの場合だけ、文字サイズを14pxで表示させたい。(現状は、pcもスマホも16px)
    スマホの場合の修正したい箇所を添付いたします。PCの場合のサイズは問題ございません。
    添付資料を参照願います。

    お手数をおかけしますが、対応方法をご教授願います。

    ■ 自分で試した事
    カスタムcssを使用して試みたのですが、上手くいかなかったです。

    ■ 症状が発生するブラウザ
    safari(iphone)

    ■ 実際の症状
    スマホでも16pxで表示される。

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #105795

    こちらのコードをどうぞ。

    @media (max-width: 576px) {
      selector {
        font-size: 14px;
      }
    }

    上記コードは Lightning のメディアクエリに従ってます。
    xs:~576px
    sm:576px ~768px
    md:768px~992px
    lg:992px~1200px
    xl:1200px~1400px
    xxl:1400px~

    「576px」の部分を適宜調整されてください。

    Attachments:
    You must be logged in to view attached files.
    #105797

    コード制御が難しければ、ブロックを2つ作ってフォントサイズを違え、画面サイズごとの表示/非表示機能を使って制御する方法もあります。

    (多用はおすすめしませんが)

    #105799

    ことりさん、横からすみません😊

    赤枠の部分に 16px のインライン文字サイズが設定されています。
    これをリセットすればご希望の表示になります。

    【補足】
    Lightning G3 はデフォルトで本文の文字サイズが以下の設定になっています。
    PC: 16px
    スマホ: 14px

    #105800

    ことりさん、対馬さんありがとうございました。

    インライン文字サイズのリセットで上手くいきました。
    助かりました。
    感謝申し上げます。

    #105828

    あゎゎゎ
    対馬さんありがとうございました・_・;

    該当するページのソースを見ずに回答してしまいました・・・

    確認不足です。
    すみませんー!

    解決してよかったですー!

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。