ब्राउज़रों ने ऐतिहासिक रूप से इसे सीएसएस के साथ काम करने के लिए गधे में दर्द बना दिया है, विशेष रूप से पुराने ब्राउज़रों में होने वाली कई विसंगतियों के कारण, या बिल्कुल नए प्रयोगात्मक सीएसएस गुणों के साथ। इस समस्या को हल करने के लिए आपको अपने UI को देखने और सभी ब्राउज़रों में समान कार्य करने के लिए कुछ CSS गुणों पर उपसर्ग लगाने की आवश्यकता है।
CSS flexbox . का एक बेहतरीन उदाहरण है संपत्ति जिसे सभी आधुनिक ब्राउज़रों के साथ-साथ IE10 और IE11 (जहां flexbox अभी भी केवल आंशिक रूप से समर्थित है) में काम करने के लिए 4 उपसर्गों की आवश्यकता है:
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;अपने निपटान में आधुनिक उपकरणों के साथ, आपको उपसर्ग टाइप करने के बारे में चिंता करने की ज़रूरत नहीं है, वास्तव में, आपको उनमें से किसी को भी याद करने की कोशिश में एक सेकंड भी बर्बाद नहीं करना चाहिए, यह सिर्फ आपके मानसिक संसाधनों की बर्बादी है। इसके बजाय, Webpack के साथ Autoprefixer या आप जिस भी टास्क रनर/बंडलर का उपयोग कर रहे हैं, जैसे टूल का उपयोग करें।
Autoprefixer के साथ आपको CSS गुणों के उपसर्ग के बारे में चिंता करने की आवश्यकता नहीं है, क्योंकि यह आपके नवीनतम CSS को आपके उत्पादन सर्वर पर धकेलने से पहले, पोस्ट-प्रोडक्शन में आपके लिए सभी काम करता है।