レスポンシブデザインに変更しました
2015/02/28 2015/02/28
広告
このサイトは、スマホではPCのデザインのまま表示していました。
わざとではなく面倒だったので(笑)
しかし、こんな記事が昨日出たので、対応することにしました。
Google、モバイル重視の検索アルゴリズム変更を4月21日に実施へ - ITmedia ニュース
スマホ表示に最適化する方法には、そもそもスマホ専用サイトを作って表示するか、レスポンシブデザインにして、それなりに見やすくするかのどちらかの方法となります。
スマホ専用サイトを構築すると、プログラム側も変えないといけないので、今回はレスポンシブデザインで対応しました。
そのため、左メニューだったのを右メニューへ変更して、768px以下になったらfloat解除して下に落とすようにしました。
9900でもそれなりに見えるので大丈夫でしょう。
さてと、本家の方をどうしようかな･･･
わざとではなく面倒だったので(笑)
しかし、こんな記事が昨日出たので、対応することにしました。
Google、モバイル重視の検索アルゴリズム変更を4月21日に実施へ - ITmedia ニュース
Googleが、モバイル端末からのGoogle検索の利用増加に対応する目的で、“モバイルフレンドリーな”Webサイトのランクを上げるアルゴリズム変更を4月21日に実施する。GoogleはWebオーナーに、サイトをモバイルフレンドリーにするための手引を公開している。
スマホ表示に最適化する方法には、そもそもスマホ専用サイトを作って表示するか、レスポンシブデザインにして、それなりに見やすくするかのどちらかの方法となります。
スマホ専用サイトを構築すると、プログラム側も変えないといけないので、今回はレスポンシブデザインで対応しました。
そのため、左メニューだったのを右メニューへ変更して、768px以下になったらfloat解除して下に落とすようにしました。
9900でもそれなりに見えるので大丈夫でしょう。
さてと、本家の方をどうしようかな･･･
