CSS 미디어 쿼리 덮어 쓰기

Question

내가 좋아하지 않는 CSS 미디어 쿼리를 사용하는 페이지를 매일 사용합니다. 차라리 전체 페이지를 사용하고 싶습니다 (대부분은 768px보다 좁은 Twitter 트라스트랩 메뉴와 관련이 있습니다).

CSS로 부트 스트랩의 미디어 쿼리를 무시할 수 있습니까? 가급적이면 나 자신의 미디어 쿼리를 정의하지 않고 모든 규칙을 개별적으로 무시할 수 있습니다. 이렇게 생각하면 꽤 오랜 시간이 걸릴 것입니다.

편집 : 나는 소스 코드를 제어 할 수 없다.

Answer 1

왜 처음부터 제거하지 않겠습니까?

당신은, 당신은 여전히 ​​규칙과 CSS 선언 대체 할 수없는 경우 :

• 같은 선택 우선 순위를 가지고 있고 MQ 블록을 후 높은 선택 우선 순위이
• 을 올 MQ 블록의 규칙보다
• !important 값과 세미콜론 사이의 값

/* one id, one class AND one element => higher priority */ 
    #id element.class { property: value2; } 

    /* !important will nuke priorities. Same side effects as a nuke, 
     don't do that at home except if you've tried other methods */ 
    #id .class { property: value2 !important; } 

    @media(blah) { 
     /* Overridden. Thrice. */ 
     #id .class { property: value1; } 
    } 

    /* same selector, same everything except it comes after the one in @media? 
     Then the latter is applied. 
     Being in a @media doesn't give any more priority (but it won't be applied 
     everywhere, depending on "blah", that's the point of MQ) */ 
    #id .class { property: value2; } 

앞의 예에서 @media 블록 외부의 선언은 내부의 것보다 우선합니다. value1이 아닌 value2가 적용되는 데에는 세 가지 이유가 있습니다.

Answer 2

responsive.css 부트 스트랩을 무효화하고 싶습니다.

기본 responsive.css를 사용하려는 웹 사이트의 절반이 있습니다. 나머지 절반은 미디어 쿼리가 틀린 레이아웃을 만들어서 제거하고 싶습니다.

내 연구에 따르면 css는 미디어 쿼리을 제거 할 수 없습니다.

그래서 respondive.css를 복사하고 미디어 쿼리를 제거합니다. 소스에 대한 액세스 권한이없는 경우 무시가 유일한 선택 일 수 있습니다.