サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
アメリカ大統領選
web.londoner25.net
前回のiPhoneサイト構築の記事にも出てきたMedia Queries（メディアクエリー）についておさらいします。 その記事では手っ取り早くiPhoneサイトをつくるにはメディアクエリーを使うのもありと書きましたが、深く調べると、非推奨（賛否両論）のテクニックだったようなのでその点も踏まえてメモします。 Media Queriesとは CSS3で定義されたmedia typeを拡張する仕様です。 これを用いると指定された条件を満たしたディスプレイがに応じて適用するCSSを変えられます。 （iPhoneサイトを作る上での落とし穴） media typeとは CSSを適用するメディアを指定するものです。 <link rel="stylesheet" type="text/css" href="css/iphone.css" media="screen" /> 上記コードのmedia属性
先日、会社の勉強会で発表した内容をまとめます。 開発言語 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
このページを最初にブックマークしてみませんか？
『web.londoner25.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
