Edge 브라우저 CSS 깨짐, 안먹음 현상 해결

Microsoft Edge 브라우저 사용시 CSS가 안먹는 현상이 발생하는 경우

다음과 같은 원인이 있을 수 있습니다.

 

기존 CSS 처리방식이

@import 방식으로 되어있는 경우,

link 방식으로 변경시 해결될 수 있습니다.

 

- @import : 직렬방식 다운로드

@import url("reset.css");
@import url("header.css");

 

 

 

 

- link : 병렬방식 다운로드

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/header.css">

 

 

 

참고 : https://www.biew.co.kr/entry/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8MS-%EC%97%A3%EC%A7%80Edge-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-CSS-import-%EB%B2%84%EA%B7%B8