IE8의 CSS 미디어 쿼리 지원 부족 문제를 어떻게 해결할 수 있나요?

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

IE8은 지정된 미디어 쿼리 "@import url("desktop.css") 화면에 대한 지원이 부족합니다. 및 (최소 너비: 768px);". 이 문제를 해결하려면 대체 접근 방식을 고려하세요.

대체 옵션:

• css3-mediaqueries-js: 이 스크립트는 미디어 쿼리를 에뮬레이션합니다. , 그러나 @imported는 지원하지 않습니다. stylesheets.
• Respond.js: 최소 너비 및 최대 너비 미디어 쿼리만 지원하는 더 간단한 옵션입니다.

코드 분석:

제공된 코드 "@import url("desktop.css") 화면; @import url("ipad.css") 화면 및 (device-width:768px);" 잠재적인 문제가 있습니다:

• IE8은 미디어 쿼리 지원 부족으로 인해 "ipad.css" 가져오기를 지원하지 않습니다.
• "@import url의 "screen" 미디어 유형 ("desktop.css") 화면;" 기본 미디어 유형이므로 불필요합니다.

위 내용은 IE8의 CSS 미디어 쿼리 지원 부족 문제를 어떻게 해결할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!