Question
キャッチコピーのサイズをスマホ、PC別に文字サイズを変更したい
- L LCON
-
キャッチコピーの文字サイズをPCは【キャッチコピーの文字サイズ調整】の項目から設定していますが、スマホのみ小さく表示したいです。どのように設定すれば良いでしょうか。
- WP 6.5.2
- JIN:R 1.3.1
- ロリポップ
- GoogleChrome
- macOS Mojave
キャッチコピーの文字サイズをPCは【キャッチコピーの文字サイズ調整】の項目から設定していますが、スマホのみ小さく表示したいです。どのように設定すれば良いでしょうか。
こんにちは！
2024/05/02 16:05追加CSSに以下のコードを書いてみていただけますか？？
2.28の数字を変えると文字サイズが変わるはずです。
@media (max-width: 767px) {
.a--stillimage-maincopy {
font-size: 2.28rem;
}
}
ご確認お願いいたします！
ありがとうございます。無事変更できました。
2024/05/06 23:26サブコピーも下記のプログラムで変更できました。
@media (max-width: 767px) {
.a--stillimage-subcopy {
font-size: 1.00rem;
}
}
ご教示ありがとうございました。