@media 画面の幅によってcssを分ける場合

質問

4.6インチのスマホを使っています。

cssで「スマホ内のサイズなら」とやりたいのですが
どのようにすればいいのでしょうか？

サンプルコードを拾ったのですが

<style>
@media (min-width: 0px) and (max-width: 480px) {
h1 {
color: red;
}
</style>

この形式しかわかりませんでした。

andではなく、内とするにはどうすればいいでしょうか？
ちなみに今は、480pxでやりましたが
この数値は適当です。

スマホのサイズはいくつなのでしょうか？
とりあえず4.6インチの場合を教えてください。

回答No.1

t_ohta · ベストアンサー

一度こちらを読まれるといいんじゃないでしょうか。
http://ascii.jp/elem/000/000/700/700611/

メディアクエリーの詳細は第6回で説明されています。

お礼

ご回答ありがとうございました。