Top > Web > CSS > スマートフォン対応

スマートフォン対応

致しました。

携帯をスマホに替えてから
サイトをあちこち見て回ってますが、
スマホサイトがかなりできています。

なるほど、スマホは基本PCサイトを見られるのですが、
PCモニタでブラウズする様に作成されているサイトです。
これをスマホの画面が大きくなったとは言え、
スマホの手のひらのサイズでは見にくく、
指タップしてボタンを押すのも一苦労です。

なので、スマホサイトを別途作成されているようです。

で、せっかくスマホにしたので、
ここもスマホ対応しました。
2日ぐらい。。。
まず、CSSをコピーして
これをスマホ様にカスタマイズします。
基本的に横幅320pxにして、
ナビを下に落とすためにfloatをやめます。

ヘッダーのところでjavascriptで
スマートフォンかPCかでCSS振り分けを行います。

またトップFlashもスマホ専用を作成して、
これもバナーヘッダーのところで、
javascriptで切り替えるようにしました。

これで何とか整ったようです。
パンくずもpagebuteもそのまま動作しているようです。

Trackback(0)

Trackback URL: http://www.yantoslabs.com/mt/mt-tb.cgi/114

Add Comments

About This Entry

このページは、yantoがOctober 7, 2011 12:03 AMに書いたブログ記事です。

ひとつ前のブログ記事は「ろーそん亭スパイシーバターチキンカレー」です。

次のブログ記事は「fragrance」です。

最近のコンテンツはTopで見られます。過去に書かれたものはArchiveで見られます。