@Media의 @import Firefox 3.0.3에서 작동하지 않습니다

StackOverflow https://stackoverflow.com/questions/223833

  •  03-07-2019
  •  | 
  •  

문제

이것이 제가 가진 것입니다. IE7에서는 작동하지만 Firefox에서는 그렇지 않습니다.

@media screen { @import 'screen.css'; }

Firefox의 @Media 블록 외부에서 작동합니다.

@import 'screen.css';

업데이트:

이것은 작동합니다 :

@media screen { 

    .yui-d3f
    {
        border: 1px solid #999;
        height: 250px;
    }

}

내가 무엇을 놓치고 있습니까?

도움이 되었습니까?

해결책

Firefox는 CSS2 사양을 따르고 있으며 IE는 빠르고 느슨하게 재생됩니다.

정확한 이유는 그 이유입니다 @import 지시문은 선택 사항 후 첫 번째 지침이어야합니다 @charset 지령. 그들은 어떤 블록 내부에도 나타날 수 없습니다. 당신이 원한다면 @import 하나의 미디어 유형에만 적용하려면 가져온 URI 후에 지정하십시오.

다음은 CSS2 사양의 관련 섹션입니다. 6.3 @import 규칙.

다른 팁

좋아, Firefox는 내가 선택한 방법을 좋아하지 않습니다.

@import 'stylesheet.css' media_type;

그러나 IE7은이 방법을 이해하지 못하지만 이것은 좋을 수 있습니다.

@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top