워드프레스를 처음 시작할 때 Hueman이라는 무료 테마를 이용한 적이 있습니다. 이 Hueman은 flexbox를 이용하여 매우 효율적으로 코드가 작성되어 있습니다.
이 분야의 전문가가 "float를 아직 배우지 않았다면 배우지 말고 flexbox를 배우라"고 하네요.
구글을 검색하면 flexbox에 대한 다양한 글이 검색됩니다.
- CSS Flexbox - https://www.w3schools.com/css/css3_flexbox.asp
- A Complete Guide to Flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- flexbox의 기본 개념 - https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Flexbox%EC%9D%98_%EA%B8%B0%EB%B3%B8_%EA%B0%9C%EB%85%90
- flexbox로 만들 수 있는 10가지 레이아웃 - http://wit.nts-corp.com/2018/07/27/5274
IE8에서 작동하도록 해야 한다면 구글에서 polyfill을 검색해보시기 바랍니다.
안타까운 현실은 우리나라에서는 아직 IE10 이하에 대하여 대응해야 하는 경우가 많다네요.
저는 현재 IE11과 크롬을 동시에 사용하고 있습니다. IE11에서 제대로 작동하지 않는 사이트가 가끔 있습니다.
IE8에서는 마이크로소프트 사이트도 제대로 열리지 않습니다.ㅎㅎ
참고로 브라우저 버전 점유율을 살펴보면 IE8이 작년에 0.25%였다고 올해는 0.15%로 더 낮아졌다고 하네요.
브라우저 버전 마켓쉐어 보니까 아시아 지방은 IE 8 이 작년에 0.25%, 올해는 0.15% 로 나오네요.
한국만 커버해서 보자면 IE 8은 작년에 0.48%, 올해는 0.2% 로 나옵니다.
데이타 - http://gs.statcounter.com/browser-version-market-share/all/south-korea#monthly-201710-201810손님에게 돈받는 사이트가 아니라 그냥 정보를 주는 사이트라면 정말 무의미한 노력입니다.
[출처] 마이크로소프트 홈페이지조차.. (하드코딩하는사람들) |작성자 키스칵테이로