Internet Explorer 8에서 CSS 미디어 쿼리를 어떻게 구현할 수 있습니까?

CSS 미디어 쿼리에 대한 IE8 지원

Internet Explorer 8은 제공된 항목을 포함하여 CSS 미디어 쿼리를 기본적으로 지원하지 않습니다.

@import url("desktop.css") screen and (min-width: 768px);

목표 달성을 위한 대체 방법 효과

IE8에서 미디어 쿼리 기능을 구현하는 또 다른 접근 방식은 미디어 쿼리를 에뮬레이션하는 JavaScript 라이브러리를 사용하는 것입니다. 널리 사용되는 두 가지 옵션은 다음과 같습니다.

• css3-mediaqueries-js: 이 스크립트는 미디어 쿼리를 에뮬레이트하지만 @imported 스타일시트는 지원하지 않습니다.
• Respond.js: 이 단순화된 스크립트는 최소 너비 및 최대 너비 미디어를 활성화합니다.

제공된 코드 문제

제공된 코드에는 다음과 같은 문제가 포함되어 있습니다.

@import url("desktop.css") screen; 
@import url("ipad.css") only screen and (device-width:768px);

• 첫 번째 @import 규칙은 미디어 쿼리를 지정하지 않으며 항상 적용됩니다.
• 두 번째 @import 규칙에 오타("max-width" 대신 "device-width")가 포함되어 있습니다.

이러한 문제를 해결하려면 JavaScript 라이브러리를 사용하는 대체 접근 방식을 사용하여 IE8에서 미디어 쿼리 기능을 구현하는 것이 좋습니다. .

위 내용은 Internet Explorer 8에서 CSS 미디어 쿼리를 어떻게 구현할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!