スマホでの文字サイズ変更

このトピックには2件の返信、2人の参加者があり、最後に瀬戸内ことりにより53分前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2025年1月24日 1:10 AM #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はフォーラムライセンスが有効のユーザーにのみ表示されます

2025年1月24日 8:31 AM #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.
2025年1月24日 8:33 AM #105797

瀬戸内ことり
参加者
制作実績

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

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

投稿