こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Media Queries ってDBあるのですか?

メディアクエリってジャバクエリみたいにデータベースがあるのですか?
ホームページを持っているのですが、リアルで知り合いの人に、スマホで見るときPC表示で見づらいといわれてしまいました。( ;∀;)
前々からメディアクエリというものがあるのは知っていたのですが、どう探してもDLページにたどり着けません。

一応それらしきサイトは見つけたのですがこちらであっているでしょうか?⇒(http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/)Media Queriesと書いてあるので、おそらくここなのかなと思いますがいかがでしょうか。

本題に戻りますが、Media QueriesってメディアごとにCSSを振り分けるやつらしいのですが、記述方法がよくわかりません。(ここ見ました:http://dev.classmethod.jp/smartphone/device-media-queries/
JQueryみたいにDB(データベース)は無いのでしょうか?あるとすると、どのサイトにあるか教えてください。DBが存在しない場合、http://dev.classmethod.jp/smartphone/device-media-queries/に書かれていた通り<link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" >でいいのでしょうか。また、下記のように書く際はどのように記述すればよいのですか?”セレクタ@media ~”でいいのでしょうか?
<style type="text/css">
<!--

//-->
</style>

よろしくお願いします。(´・ω・`)

投稿日時 - 2013-10-26 00:19:23

QNo.8320887

困ってます

質問者が選んだベストアンサー

メディアクエリにはデータベースなんてありません。
そのページを表示する端末の種別やサイズに応じてCSSを切り替えるための仕組みです。

とりあえず、このページがわかりやすいメディアクエリの説明になっているのではないかと思います。
http://d.hatena.ne.jp/amachang/20080425/1209139140
なお、書かれた時期が少々古いため、上記ページで書かれている対応ブラウザが少なくなっております。現在の対応状況は以下ページの表の"Media Queries"欄で書かれている通りです。
http://fmbip.com/litmus/#css3-properties

なお、CSSを直接ページに記述する場合は、
<style type="text/css">
<!--
@media only screen and (min-width: 0px) and (max-width: 320px) {
// ここにiPhone用のCSSを書く
}
//-->
</style>
という風にします。

投稿日時 - 2013-10-26 05:14:39

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問