IE 레이아웃

Question

안녕하세요. 1년차가 다가오는 직장인 개발자입니다. 요즘 css flex를 공부하고있는데 IE에서는 많은 오류들이 있는걸로 알고 있습니다. 문제는 회사가 삼성전자 협력사인데 이곳에서 프로젝트를 진행하면 IE를 쓰는데 보통 레이아웃 잡을때 IE에서는 어떤기술을 많이 쓰나요???

킁킁탐정 · Accepted Answer

IE10이라면 float, IE11이라면 flexbox로 레이아웃하는게 큰 지장은 없습니다. 하지만 원하는대로 만들려면 다수의 꼼수를 이해하지 못해도 사용해야합니다.예를들어 float된 요소는 width를 정확하게 계산하면 중앙 정렬이 됩니다. 하지만 매번 width를 고치지 않고도 중앙 정렬하는 꼼수가 있습니다.또 하나 예를들면 float와 position absolute된 이미지를 중앙 정렬하고 이미지 크기를 유동적으로 변경하려면 이것도 역시 문제가 발생하지만 꼼수로 해결할수 있습니다.IE 전용 CSS 파일을 별도로 만들수 있으므로 적절하게 모던 브라우저에서 만들고 추가로 IE 호환 CSS를 만드시면 보통은 큰 문제 없이 해결됩니다.

gredo · Answer

저도 궁금해서 댓글 달아봅니다! 이제는 IE를 좀 놔줘야 할 때인 것 같은데 현실은 ㅍㅅㅋ에서도 IE11이 '표준 환경'이라고 못 버리고 있습니다ㅠ 신규 프로젝트인데도 레거시 방식으로 개발하는 경우가 아직도 많아요...

gredo · Answer

IE에서도 11버전에 한해서라면 Flex를 전부 다 쓰지는 못하지만 상당 부분 지원하기 때문에, 저는 부분적으로 float를 지우고 부분적으로 적용하긴 합니다. justify-content, align-items 정도는 잘 지원합니다.

bluetang · Answer

ie 지원하려면 flex 안쓰면 되는거죠.국내는 ie 사용율이 15%정도 됩니다.전세계 사용율은 4%정도 됩니다.국내 사용율 15%면 전세계 맥켄토시 사용율 12%보다 높습니다.버리기엔 높은 사용율이죠.

IE 레이아웃

4개의 답변

#layout 목록