先日、会社の勉強会で発表した内容をまとめます。 開発言語 HTML CSS (JavaScript) 表示方法 PCと共用 iPhone専用のページ 閲覧デバイスの判別方法 JSやPHPなどのスクリプトでUAを判別 ApacheでUAを判別 CSS3のメディアクエリーを用いてデバイスのスクリーンサイズによって判別 メディアクエリー CSS3の新機能。link要素のmedia属性にPC用とiPhone用にそれぞれ下記のコードを挿入する。 IEシリーズはメディアクエリーを解釈してくれないので、別途CSSを用意する必要があります。 PC用 media="only screen and (min-width: 481px)" iPhone用 media="only screen and (max-width: 480px)" IE用 <!--[if IE]><link rel="styleshe