PostCSS with Autoprefixer

Last updated 2023-05-14

• Autoprefixer는 PostCSS용 plugin이다
• PostCSS는 CSS의 transform을 수행하는 tool이다. 즉 CSS 소스를 입력받아 변형된 CSS를 출력한다
• PostCSS는 plugin구조로 여러 용도로 사용되지만 Autoprefixer가 실질적 주 목적임
• 여기서 “prefix"는 브라우저별 vendor prefix를 의미한다. 최근 몇개의 브라우져버전까지 지원할지를 설정해 두면 그에 맞춰 output을 생성한다. Autoprefixer CSS online 에서 설정을 변경해가며 결과를 확인해 볼 수 있다.

1
2

:fullscreen {
}

1
2
3
4
5
6

:-webkit-full-screen {
}
:-ms-fullscreen {
}
:fullscreen {
}

• Technology
• PostCSS
• Autoprefixer CSS online