タグ

ブックマーク / digital-gate.com (1)

  • iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合 - Digital Gate

    iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合、動的なページか静的なページかによって、いくつかの方法が考えられる。 ■PHPPerl等で動的に書き出している場合 $_SERVER['HTTP_USER_AGENT'] を取得して、「iPhone」や「iPod」が含まれるかによって書き出すヘッダを切り替えるようにするのが簡単。 「$_SERVER['HTTP_USER_AGENT']」を使ったサンプルサイト 『Digital Gate for iPhone』 http://iphone.digital-gate.com/ 上記URLをPCiPhoneで開いてみると、レイアウトの違いが分かるはず。 ■htmlで公開している静的ページの場合 ★Javascriptを使用する方法 if (navigator.userAgent.indexOf('iPhone') != -1

    nilab
    nilab 2012/04/12
    iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合 : <link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet"/> <link media="screen and (min-device-width: 481px)" href="pc.css" type="text/css" rel="stylesheet"/>
  • 1