[CSS in depth] part2 Flexbox

접두사 개념

• 브라우저에서 불안정한 실험적인 기능을 제공하는 방법 display: -ms-flexbox; display: -webkit-flex; display: flex;

• 접두사 개념(벤더 프리픽스)이 사라지고 있다(모든 주요 브라우저는 곧 출시될 불안정한 기능을 '실험적 기능' 옵션 뒤에 숨기는 새로운 방식으로 전환했거나 전환 중)

• https://github.com/postcss/autoprefixer

속성

• flex // 약식 표현
  • https://developer.mozilla.org/ko/docs/Web/CSS/flex
  • flex-grow: 2;
  • flex-shrink: 1;
  • flex-basis: 0%; // 기본크기