まる
BAIサポトピア by AnimaGate, Inc.
•Created by まる on 10/14/2024 in #フォーラム（nishiki-pro）
フォントサイズのレスポンシブについて
初めまして、まるです。
WPは何度か使用していて、Nishiki proのテーマは今月から使い始めた初心者です。
「h1~h6の見出し」と「テキストのフォントサイズ」のレスポンシブについて詳しい方がいらっしゃいましたら
助言よろしくお願いします。
PC、タブレット、スマートフォンそれぞれのデバイスで表示されるフォントサイズをレスポンシブ対応したいのですが、
うまくいきません。「テキスト」、「見出し」共に全て同じフォントサイズになってしまいます。
chromeのデベロッパーツールからもフォントサイズを確認しましたが、変化がありませんでした。
画像のレスポンシブのみが正常に働いている状態です。
🔸試してダメだったこと
・メディアクエリのmetaタグ<meta name="viewport" content="width=device-width, initial-scale=1.0">を[一般設定]⇨[ヘッダーにスクリプトを追加]に入力し、cssを[カスタマイズ]⇨[追加css]に@media screen and (max-width:480px)〜を入力
・[ブロックエディター管理]⇨[見出し]⇨[高度な設定：追加 CSS]にも@media screen and (max-width:480px)〜を入力
・[カスタマイズ]⇨[デザイン]⇨[見出し]⇨h1~h6の設定を全て[なし]に
・試しに「Snow Monkey」のプラグインを追加してみたが、特に変化なし。
↪︎追記です Snow Monkeyの表示設定（ウィンドウサイズ）でデバイス毎の表示・非表示は出来ました。
助言よろしくお願い致します。
9 replies