unrealMan’s blog

IT関連の奮闘記を備忘録がてら記載していきます!

【簡単】スマホでCSSが反映されない問題を解決【はてなブログ】

はてなブログで見た目をせっかく編集したのにスマホでみると反映されていないことはありませんか?設定一つで簡単に解決できるかもしれません。

PCで見た目を整えたのにスマホでみると反映されていない

見た目を整形したのに
f:id:unrealman:20191127004943j:plain

スマホだと反映されていない・・・・?
f:id:unrealman:20191127005220p:plain

設定方法

1.「デザイン」を選択

f:id:unrealman:20191127005337j:plain

2.左サイドバーから「スマートフォン」を選択

f:id:unrealman:20191127005416j:plain

3.一番下の詳細設定で、「レスポンシブデザイン」にチェック

f:id:unrealman:20191127005509j:plain

4.「変更を保存」ボタンを忘れずに

5.スマホでデザインが反映される

f:id:unrealman:20191127005712p:plain

ネットの閲覧率は7割以上がスマホからの流入ともいいますので、必ず設定しましょう!


以上です。