Dec  31,  2007

iphone向けにWebページを最適化

yamada君のエントリにiPhone向けのSDKが公開とありましたが、
iPhone向けに最適化されたWebコンテンツはどうすればよいかのか
と探していたら、普通にあった。

iPhone向けWebアプリケーションとコンテンツの最適化

Safariが入っているので、特に難しくなさそうです。
基本的には、iPhoneのウィンドウサイズに合わせるだけで、良い感じかと。
CSS3のメディアクエリ機能を利用して、
CSSを条件分岐すればOKとのこと。
CSS3のメディアクエリはここに詳しく載っています。

href="small-device.css" type="text/css" rel="stylesheet" />
なんて形です。

あとはviewportタグっていうのがキーになりそうです。
今後やってみないと。

とりあえず、iPod touch買わんといかん。

このエントリをはてなブックマークに登録Kawata :12:12 AM

このエントリーのトラックバックURL:

http://www.link-log.net/mt/mt-tb.cgi/806

コメントを投稿

今までこのblogでコメントしたことがない場合、オーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらくお待ちください。