wordpress blog header image

メディアクエリを使って記事本文をレスポンシブに対応させた

はじめに

今回は、メディアクエリ を使ってブログ記事本文をレスポンシブに対応させた。
以前、ブログタイトルをレスポンシブに対応させたときと同じ流れで進めていく。

以前の記事はコチラ
メディアクエリ を使って記事タイトルをレスポンシブに対応させた

style.css を編集する

現在使用しているテーマの style.css を編集する(子テーマの使用を推奨)。
メディアクエリの書き方については、以前の記事で勉強した。

今回は下記コードを style.css に追加した。

前回同様、指定した画面幅は適当である。

おわりに

ブログ記事本文をレスポンシブに対応させることができた。
スマホからでも、記事が読みやすくなりました。

シェアしていただけると嬉しいです

スポンサーリンク