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

iPhone

iPhone用サイトの作り方2

iPhone用サイトの作り方」はブラウザ幅でCSSを切り替えるというものであったが、IEでうまく機能しなかった為、JavaScriptで判別する方法をメモ。


HTML

<meta  name="viewport" content="width=480" />
<script type="text/javascript">
if (navigator.userAgent.indexOf('iPhone') != -1) {
document.write('<link rel="stylesheet" type="text/css" href="iphone.css">');
}else {
document.write('<link rel="stylesheet" type="text/css" href="/pc.css">');
}
</script>


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

CSS

body{ -webkit-text-size-adjust:none;}
last update 2010.3.19
参考・出典等
iPhone用にCSS/PHP/JavascriptでCSSを切り替える基本的な方法|linker journal|linker

▲page top

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