Media queriesの書き方

Question

wordpressのmedia queriesの使い方がわかりません。
私はtwenty twelveを使っています。
子テーマのcssに

@media screen and (max-width: 600px) {
.example｛background:#DC143C;
｝
}

<h2 class="example">見出し</h2>

と書いたのですが、スマホ(iphone)には見出しの色が表示されません。ラップトップではちゃんと色が表示されます。子テーマのcss以外は何もいじっていません。
そこで私が考えたのですが、私のmedia queriesの書き方は間違っているのですか?iphoneに表示されないということは私の書き方が間違っているんですよね?
また、何行目に書くとかの指定はありますか?
最後に、親テーマのcssのmedia queriesが子テーマのcssのmedia queriesより強いのですか?
また、間違っているところがあったら具体的に教えてください。

Answer 1

Chromeのデベロッパーツールを使えば、どのスタイルが適用されているのかわかります。

Answer 2

min-widthですと600px以上の場合に対応することになりますので、モバイル対応の場合はmax-widthと書けばいいと思います。

Comments

[gonda310]

今書き直しました。
ですが、色はiphoneに表示されません。