Trình duyệt lịch sử làm việc với CSS thành "đau đầu", do nhiều inconsistencies xảy ra ở trình duyệt cũ, hoặc CSS properties mới experimental. Để bypass vấn đề này, bạn cần apply prefixes trên certain CSS properties để UI look và work giống nhau mọi trình duyệt.
Ví dụ điển hình là CSS flexbox property cần 4 prefixes để work trên mọi trình duyệt hiện đại cũng như IE10 & IE11 (nơi flexbox vẫn chỉ partially supported):
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;Với modern tools hiện nay, bạn không cần lo gõ prefixes, thực tế bạn không nên lãng phí giây nào memorize chúng, chỉ waste mental resources. Thay vào đó, dùng tool như Autoprefixer với Webpack hoặc task runner/bundler bạn dùng.
Với Autoprefixer bạn không bao giờ lo prefix CSS properties, vì nó làm tất cả việc cho bạn trong post-production, trước khi push latest CSS lên production server.