ID:dbYvojEscAEJ さんの質問

593 views

メディアクエリについてです。

cssにて、メディアクエリを設定するも、上に記述したものが読み込まれません。
とある要素について
@media (min-width: 991px) {...}
@media (min-width: 768px) {...}
@media (man-width: 767px) {...}
と記述すると、一番上に記述した内容だけ読み込まず、2番目のものから順次読み込みます。
試しに順番も入れ替えたのですが、同様の結果です。
一体何が原因なのでしょうか。
解決策、原因などおわかりでしたらご教授願いたく質問出せていただきます。

自分でできる範囲で調べたりしたのですが、具体的な解決策は見つかりませんでした。
記述の内容自体はミスはなく、それぞれ個別には機能しますが、全て一緒に組み込んだ時に1つだけ読み込まなくなります。

ちなみに、サイトはtumblrをカスタムしており、bootstrap3を導入しています。

どうぞよろしくお願い致します。

登録日:2週間前 · カテゴリー:HTML・CSS

みんなの回答 4 件

2週間前 · ID:BmH/L2IathL9 報告

minとmaxの意味考えようよ・・・

2週間前 · ID:F1bikjGa/2jq 報告

そう記述したらそうなって当たり前だし
あとman-widthになってるし

1週間前 · ID:7GdQ.6DV7JvG 報告

man-widthでクソワロタwww
人間の幅ってデブさ加減かよwww

この程度の問題も調べてわからないようじゃ、質問しても呆れられるだけだぞ。
「media query 複数デバイス」等でググれ。

1週間前 · ID:Ihgih4P7Y5xc 報告

manはとりあえずスルーして。
0px~767px 三番目が反映
768px~990px 二番目が反映
991px~ 一番目と二番目が反映され、cssは後に記述したもの優先なので二番目が反映
普通に一番目は反映されて、その上で二番目に上書きされるね。

回答の受付は終了しました。

関連トピック