MIME 유형이 일치하지 않아 CSS가 무시되는 문제에 대한 해결 방법: 1. 링크 태그를 감지합니다. 2. http 프로토콜을 통해 페이지를 탐색합니다. 3. 서버 환경을 수동으로 구성합니다.
이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, HTML5&&CSS3 버전.
IE 브라우저에서 "SEC7113: MIME 유형 불일치로 인해 CSS가 무시됩니다" 문제가 발생하는 이유는 무엇인가요? 어떻게 해결하나요? 다음 기사에서는 이를 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
Mime 유형이란 무엇인가요?
MIME(다목적 인터넷 메일 확장명)은 특정 확장자를 가진 파일이 응용 프로그램에서 열리도록 설정하는 유형입니다. 해당 확장자를 가진 파일에 액세스하면 브라우저가 자동으로 지정된 응용 프로그램을 사용하여 열립니다. 주로 일부 클라이언트 정의 파일 이름과 일부 미디어 파일 열기 방법을 지정하는 데 사용됩니다.
왜 오류가 발생하나요?
IE9 이상의 IE 브라우저, 특히 로컬 환경에서는 서버가 구성되지 않은 경우 외부 링크의 CSS 파일이 성공적으로 로드되지 않아 원하는 효과를 얻지 못하는 경우가 있습니다! 이러한 문제가 발생하면 IE와 함께 제공되는 디버깅 도구의 콘솔에 "SEC7113: Mime 유형 불일치로 인해 CSS가 무시되었습니다"라는 오류 메시지가 표시됩니다.
Microsoft에서는 IE9부터 파일 이름 인식 프로그램을 추가했습니다. 이는 IE9 이상의 표준 모드에서만 나타납니다. 호환 모드에서는 문제가 없습니다.
[권장 학습: css 비디오 튜토리얼]
Solution
이제 이 오류의 원인을 알았으므로 다음과 같은 감지 단계와 방법으로 이 문제를 해결할 수 있습니다. 실제 상황에서는 일부 단계를 건너뜁니다.
1. 링크 태그 감지
링크 태그는 스타일 시트에 도입되는 태그입니다. 다음은 링크 태그의 전체 예입니다.
<link rel=stylesheet type=text/css href="style.css">
추가해도 효과가 없다면 계속 읽어보세요.
2. 정적 페이지는 스타일을 표시할 수 없습니다
실제로 많은 사람들이 이 문제에 직면하면 브라우저를 직접 사용하여 로컬에서 웹 페이지를 엽니다. 즉, http: 프로토콜을 통해 페이지를 탐색하지 않고 엽니다. 파일을 통한 웹페이지: 프로토콜. CSS가 올바른 Mime을 반환할 수 없습니다. 시스템 문제일 수 있습니다.
레지스트리 편집기에 들어가서 HKEY_CLASSES_ROOT.css의 콘텐츠 유형이 text/css인지 확인하세요.
3. 서버 환경에서는 스타일이 표시되지 않습니다.
서버 환경에서는 스타일이 표시되지 않습니다. 로컬이든 원격이든 서버가 올바른 문서 유형을 반환할 수 없으므로 해결 방법은 동일합니다. 수동으로요.
IIS 서버
IIS 서버의 경우 서버가 올바른 CSS Mine 정보를 출력하도록 요구하도록 web.xml 파일을 구성합니다.
<mime-mapping> <extension>css</extension> <mime-type>text/css</mime-type> </mime-mapping>
Apache 서버
웹 서버는 문서를 브라우저에 보낼 때 문서 앞에 응답 헤더를 붙입니다. 이 헤더에는 브라우저에 문서 해석 방법을 알려주는 데 사용되는 데이터가 포함되어 있습니다. 마지막 줄의 Content-Type입니다. 콘텐츠를 렌더링하는 방법을 브라우저에 알려줍니다. 예를 들어, JPEG와 GIF를 표시하기 위해 브라우저에서 사용하는 코드는 다릅니다.
여기서 CSS 파일의 Content-Type을 올바르게 구성해야 합니다. Apache 설치 디렉터리에 conf 폴더가 있습니다. 내부의 mime.types 파일은 응답 헤더 문서 유형 구성입니다.
mime.types 파일에 일부 코드를 추가한 다음 Apache 서버를 다시 시작하세요.
text/css css
그래도 작동하지 않으면 httpd.conf 파일에 일부 코드를 추가하여 mime.types 구성 파일을 로드해 보세요.
아아아아위 내용은 MIME 유형 불일치로 인해 CSS가 무시되는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!