2

ドキュメントの head に含まれる css コードで @media (min-width:#) ルールを上書きしようとしています。

外部スタイルシートから呼び出される CSS ルールは次のとおりです。

    @media (min-width: 1200px)
       .span9 {
              width: 870px;
              }

では、なぜ挿入するのですか

    <style type="text/css">

    @media (min-width: 1200px)
       .span9 {
              width: 1100px;
              }
    </style>

私のドキュメントの頭に何もしませんか？クロム要素インスペクターでルールを調整すると、想像どおりに機能します。

後続の (より小さい) @media (min-width:#) ルールが最後に処理された場合に優先されることは理解していますが、ページ ヘッドの一番下にあるこのインクルードは最後に処理されるべきではありませんか?

私は何時間もこれについていじって読んでいて、前進することができないので、アドバイスをいただければ幸いです。お時間をいただきありがとうございます。:)

4

2 に答える 2

3

ばかげた可能性 - メディアクエリにブラケットを追加しようとしましたか?

<style type="text/css">

    @media (min-width: 1200px){
       .span9 {
          width: 1100px !important;
        }
    }
</style>
于 2013-04-30T19:17:39.460 に答える