スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


スポンサー広告 | --:--:--
css3のMedia Queries(メディアクエリ)はブラウザのサイズでレイアウト変更
css3のMedia Queriesを使えば、パソコンもケータイもスマホも一つのHTMLでいけるので、SEOには効果があるらしい。
CSSの書き方は次に記載します。

Max Widthはブラウザが指定したサイズ(450px)より小さい場合に、スタイルが適用されます。
@media screen and (max-width: 450px) {
.test { width: 60% };
}

Min Widthはブラウザが指定したサイズ(600px)より大きい場合に、スタイルが適用されます。

@media screen and (min-width: 600px) {
.test { width: 80% };
}

これからスマホサイトに対応したいと思ったら、是非メディアクエリを試してください。
IE8以前は使えないそうなので、代替え案が必要ですが、IE8なんてもうきっちゃっていいでしょ!
スポンサーサイト


未分類 | 09:34:54 | Trackback(0) | Comments(0)
コメントの投稿

管理者にだけ表示を許可する

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。