こしあん日記 ~写真と猫とサッカーと~

子供たちの記録用にはじめたが、思春期になり写真を撮らせてもらえなくなる。写真と愛猫とサッカーが中心のブログです。

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

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

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

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