[CSS3] css3의 flex속성에 대한 고찰
2019-08-13
레이아웃을 다 짜고, css로 스타일링을 할 때 주로 flex속성을 잘 이용하는 편이다. 정형화된 레이아웃보다 더 유동적인 레이아웃 스타일링을 할 때 flex 속성은 매우매우x1000 효율을 높혀주고 작업에 큰 도움이 된당. 그러나 내가 사랑해마지않는 flex 속성에도 치명적인 단점이 있으니,, 그건 바로 구 브라우저와의 호환성 문제.
flex속성은 익스플로러 10까지 지원이 된다고 하지만, 완벽하게 호환되고 지원되는건 아니라서 약간의 버그가 발생하기도 한다. 그렇기에 pc용으로만 이용하는 서비스에 flexbox는 약간 위험부담이 있는 것…. (모바일브라우저의 flex지원은 아주 높다고 한다! 듣던 중 다행^^)
심지어 유저의 성향이 보수적이고 ie10 이하의 사용자들도 배려해야하는 플랫폼이라면 flex 속성을 무턱대고 사용하는 것은 추후 유지보수의 리스크를 엄청나게 껴안아야하는 거랑 똑같다.! 그렇기에 대체방법을 많이 알면 알 수록 좋다는것 ㅎㅎ
float속성을 이용해서 하는게 그나마 하위 브라우저들과의 호환이 안전하단 팀장님의 말에 방심하지않고 여러가지 방법으로 레이아웃을 어떻게 짤 수 있는지에 대해 앞으로도 고민을 많이 해봐야겠다.ㅎ_ㅎ