IE8에서 CSS 미디어 쿼리를 어떻게 구현할 수 있나요?

IE8 및 CSS 미디어 쿼리: 문제 해결 및 대안

질문:

IE8이 다음 미디어에 대한 지원이 부족합니다 쿼리:

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

이것이 사실이라면 어떤 대체 구문을 사용할 수 있습니까?

답변:

IE8은 실제로 CSS 미디어를 지원하지 않습니다. 쿼리. 해결 방법으로 다음 코드를 사용할 수 있습니다.

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

그러나 이 솔루션에는 제한이 있습니다. 최신 브라우저에서 사용할 수 있는 모든 미디어 쿼리 기능을 지원하지는 않습니다.

대체 솔루션:

IE8에서 미디어 쿼리를 에뮬레이트하는 보다 완벽한 솔루션을 원하면 CSS3 사용을 고려하세요. -mediaqueries-js 스크립트. 이 스크립트는 미디어 쿼리를 에뮬레이션하지만 몇 가지 제약이 있습니다.

• 가져온 스타일시트에서는 작동하지 않습니다.
• 의 미디어 속성을 무시합니다. 및 <스타일> elements.

기능이 제한된 더 간단한 대안은 최소 너비 및 최대 너비 미디어 쿼리만 지원하는 Respond.js입니다.

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