こっそりレスポンシブ対応

サイトをリニューアルしてかなりの年月が経ちます。
もともとはレスポンシブ対応を考えてのリニューアルでしたが、PCサイトの制作で力尽きていました。
とはいえ、世の中的にはスマホでのサイト閲覧がどんどん増えている中でスマホで見づらいサイトのままというのも具合が悪かったので、ちょこちょこっとCSSに手を加えてこっそりレスポンシブ対応を実施。

違いは、PCでは3カラム(サイドメニューに投稿2列)からスマホは1カラムに変更。
スマホはメニューを画面下部に固定。
PCは表示する投稿を左側に家族日記、右側にウェブ関連のカテゴリーの記事を配置しているが、スマホは単純に新しい記事5件を表示しています。

まだレイアウトがおかしい箇所等あるかもしれませんが、気づいたところからボチボチ対応するので、温かく見守ってください。

このエントリーをはてなブックマークに追加

にほんブログ村 IT技術ブログ IT技術メモへ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です