• 과거 IE8, IE9 브라우저들에서 레이아웃이 깨질 수 있어서 예전 브라우저에서도 호환성을 챙겨야 한다.

1. 예전 인터넷 익스플로러 브라우저에서 미리보기

• 윈도우10 : 시작 - 검색창에서 internet explorer를 검색
• 윈도우11: 직접 internet explorer 11 버전 설치 → 인터넷 익스플로러 11버전 → 우클릭 - 검사
• 인터넷 익스플로러는 업데이트가 자동이 아니여서 에러가 많이 발생한다. (ex: display:flex는 explorer 11이상부터 사용 가능하다.)

2. 조건부로 익스플로러 버전용 CSS파일 첨부하기

• 익스플로러 X 버전 이하에서만 적용할 수 있는 CSS파일을 첨부할 수 있다.

• [index.html]

  <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="css/ie8.css" />
  <![endif]-->
  

• [ie.css]

  .nav-item {
  	float : left;
  	margin-top : 20px;
  }
  
  /*flex를 대체할 코드를 넣는다*/
  

• css폴더내의 ie8.css 라는 파일은 인터넷 익스플로러 9 미만에서만 적용된다.

• [if lt IE 9] : 익스플로러 10 미만에서만 적용된다.

[참고]

• ie8.css 파일은 다른 브라우저에선 전혀 읽지 않는다.
• link 태그 첨부 순서는 가장 마지막이 좋다. 중요한 덮어쓰기 파일일 수록 밑으로 보내면 된다.