보일러 플레이트 프레임 워크에서 반응 형 CSS를 비활성화하는 방법에 대해 궁금한 점이있었습니다.보일러 플레이트에서 응답하지 않음
내가 지금까지 한 것은 아래의 것과 같은 다른 속성을 대체하고 있습니다. 크롬에서는 작동하지만 IE와 파이어 폭스에서는 작동하지 않는 것 같습니다. 그래서 어떻게해야할지 모르겠습니다.
@media only screen and (max-width) {
에 의해
@media only screen and (min-width: 480px) {
누군가가 나를 도울 수 있습니까?
KR
나는 쉽게 오버라이드에게 서로 하나 개의 규칙 세트를 전역하는 방법을 알고하지 않습니다. 그러나 옵션이 있습니다.
0) 문제가되는 스타일 시트 만 제거하십시오. (나는 그것이 당신이 원하는 대답이 아니라는 것을 압니다 만, 그것은 가장 확실한 불의 길입니다).
1) 가능한 경우 첫 번째 시트의 모든 내용을 취소하여 원하지 않는 두 번째 스타일 시트를 만들 수 있습니다. 유지하기 어렵지만 원하는 것을 줄 것입니다. 모든 규칙이 동일하고 문서에서 미디어 규칙을 따르는 한 무시합니다.
2) javascript를 사용하면 개별 스타일 시트를 완전히 비활성화하거나 개별 규칙을 조작 할 수 있습니다. document.styleSheets을 확인하십시오. 스타일 시트 객체를 포함하는 배열입니다. 페이지에서 첫 번째 스타일 시트를 사용 중지하려면 document.styleSheets[0].disabled = true이라고 말하면됩니다. document.styleSheets[0].cssRules을 트래버스하여 스타일 시트에 대한 모든 CSS 규칙을 조작 할 수도 있습니다.
HTML5 Boilerplate에 포함 된 반응 형 CSS는없고 자리 표시 자 미디어 쿼리 만 있습니다. 사이트에 아무런 영향을 미치지 않으므로 아무 것도 시도하거나 사용하지 않아도됩니다.
반응 형 스타일을 원하지 않으면 @media을 제거해야합니다.