ব্রাউজারهای ঐতিহাসিকভাবে CSS-এ অসঙ্গতি সৃষ্টি করেছে (পুরনো ব্রাউজার বা এক্সপেরিমেন্টাল প্রপার্টি)। সমাধান: ভেন্ডর প্রিফিক্স। উদাহরণস্বরূপ Flexbox-এ ৪টি প্রিফিক্স লাগে:
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;আধুনিক টুলস (Autoprefixer + Webpack/Task Runner) দিয়ে আপনাকে প্রিফিক্স ম্যানুয়ালি লিখতে হবে না। Autoprefixer পোস্ট-প্রডাকশনে অটোমেটিক্যালি প্রিফিক্স যোগ করে দেয়—আপনি শুধু স্ট্যান্ডার্ড সিনট্যাক্স লিখুন। মস্তিষ্কের রিসোর্স বাঁচান!
