リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ iPhone用サイトの作り方

iPhone

iPhone用サイトの作り方

幅を小さくしてサイトを制作してもiPhoneでは縮小されて表示されてしまう為、viewportを設定する。また、ブラウザ幅でPCとiPhone用CSSに切り替えることができるらしい。詳細はリンク先サイト参照。


HTML

<meta name="viewport" content="width=480" /><!--iphone-->
<link media="only screen and (max-device-width:480px)" href="iphone.css" type="text/css" rel="stylesheet"/><!--iphone-->
<link media="screen and (min-device-width:481px)" href="pc.css" type="text/css" rel="stylesheet"/><!--pc-->


文字サイズが変更を防ぐCSS

CSS

body{ -webkit-text-size-adjust:none;}
last update 2010.2.25
参考・出典等
iPhone 3G DevWiki

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2010 Riptac. All Rights Reserved.