<iframe> 사용 시 CSS 링크의 MIME type error 로 인해 <iframe> 내부의 디자인이 깨지는 현상이 있었다.

  1. 검색을 통해 다음의 과정을 거쳤다.

     1) link 태그의 rel="stylesheet" 속성을 삭제해본다.
    
     - 에러코드는 없어졌지만 CSS 파일을 불러오지 않았다.
    
     2) CSS 파일에서 주석을 삭제해본다.
    
     - 효과 없음
  1. spring security xml 파일에서 css, js 등의 파일의 접근 권한을 체크하고 있는것이 생각났다.

     2) spring security xml 파일에서 모든 css 경로 패턴을 permitAll 적용
    
     - 효과 없음
  1. CSS 파일 자체에 문제가 있지 않을까 생각했다.

      4) CSS 파일에 @charset = "utf-8"; 을 작성해본다. 
    
      - 효과 없음
  1. 총 5개의 MIME type error 가 발생했는데 CSS 링크는 그보다 더 많았다.
    오류가 발생하는 파일링크의 공통점과 발생하지 않는 링크의 차이점을 파악하기로

     : <iframe> 을 호출하는 뷰에서도 같은 CSS 링크를 공통적으로 호출하고 있었다.**
    
     5) CSS 파일 자체를 분리해서 관리
    
     - 해결

하나의 웹프로젝트에서 iframe을 사용하고 있는 뷰 ( jsp ) 와
iframe 내부에서 같은 css 파일을 참조하는 경우에 이러한 오류가 발생하는 것으로 보여진다.
( 정확한 원인은 아직 알지 못한다. )