ie11 max-width

  • ie11에서 max-width가 동작하지 않습니다.
  • position: absolute; left: 0;으로 해결했습니다.

ie11 text-align

  • start와 end 값이 동작하지 않아서 left와 right를 사용합니다.

ie11에서 web font 로딩되지 않음

  • web font를 캐싱 하지 않을 경우 새로 고침 시에 나타나지 않아 캐시 하지 않는 것에서 이미지와 폰트를 제외 하였습니다.

ie11 flex 축약형

일반적인 축양형

# 아무것도 안쓰면;
flex: 0 1 auto;

# flex: 1;
flex: 1 1 0%;

# flex: auto;
flex: 1 1 auto;

# flex: initial;
flex: 0 1 auto

ie11에서 축약형

# 아무것도 안쓰면;
flex: 0 0 auto;

# flex: 1;
flex: 1 0 0px;

# flex: auto;
flex: 1 0 auto;

# flex: initial;
flex: 0 0 auto

cdn에서 리소스 캐쉬문제

  • cdn 캐쉬에서 리소스(이미지, 폰트 등)는 no-cache 설정하면 ie에서 새로고침 시 제대로 로딩되지 않아서 no-cache 설정 시 별도로 처리해야 합니다.
    • spa의 경우 페이지 이동 후 부터는 정상 동작합니다.

남은 공간 차지하기

  • flex-grow 속성이 있어도 기본 width, height가 없다면 영역을 차지하지 못할 수 있습니다.

url에 한글

  • ie11은 url에 한글이 있다면 정상적으로 동작하지 않을 수 있습니다.