2012-07-11 19 views
23

私は好きではないCSSメディアクエリを使用するページを毎日使っています。私はむしろ全面的なページを使用したい(それらのほとんどは、768pxより狭いときにTwitterのブートストラップメニューが崩壊することに関連している)。CSSのメディアクエリを無効にする

CSSでブートストラップのメディアクエリを上書きする方法はありますか?私自身のメディアクエリを個別に定義することなく、すべてのルールを個別にオーバーライドすることは好ましくありません。これはかなり時間がかかります。

編集:私はソースコードを制御できません。それ以外の場合は、ブートストラップ応答コードを削除するだけです。

答えて

11

なぜ最初に削除しないのですか?

あなたができない場合、あなたはまだルールをCSS宣言を上書きすることができます。

  • 同じセレクタの優先順位を持ち、後高いセレクタの優先順位を持っているMQブロック
  • 来ますMQブロック内のルールよりも小さい
  • !important値とセミコロンの間

上記の例では、@mediaブロックの外側にある宣言のいずれかが内部のものを上書きします。 value2が適用され、value1ではなく3つの理由があります。

+0

好きでない/必要がある場合は、bootstrap-responsive.cssファイルを完全に削除しないでください。 – Jeemusu

+13

私はソースを制御できません。 –

2

responsive.cssのブートストラップも無効にしますか?

私はデフォルトのresponsive.cssを使用したいウェブサイトの半分を持っていますが、別の半分のメディアクエリーは間違ったレイアウトを引き起こして削除します。

私の調査によるとcssはメディアクエリを削除できません。

私はresponsive.cssをコピーし、メディアクエリを削除します。ソースにアクセスできない場合は、オーバーライドが唯一の選択肢かもしれません。

+2

CSSは一度書かれたものを削除することを許可していません。命令(新しい値、特にこのプロパティのデフォルト値)をオーバーライドすることしかできません。命令がメディアクエリ内のルール内にある場合は、このMQ、同じセレクタ、同じプロパティ、および新しい/デフォルト値(および場所)とまったく同じ条件を記述することによって、上書きする命令の後に) – FelipeAls

関連する問題