कुछ डेवलपर अलग-अलग इकाइयों के साथ फ़ॉन्ट आकार को दो बार क्यों परिभाषित करते हैं?

Question

मैं स्टार्टर विषयों का उपयोग कर वेबसाइट विषयों को विकसित करने और मैं उदाहरण के लिए डेवलपर्स विभिन्न इकाइयों के साथ दो बार गुण को परिभाषित देखते हैं,:

body, 
button, 
input, 
select, 
textarea { 
    color: #404040; 
    font-family: sans-serif; 
    font-size: 16px; 
    font-size: 1rem; 
    line-height: 1.5; 
} 

इसके पीछे कारण क्या है?

Answer 1

उदाहरण आपके द्वारा दी गई, पहली font-size परिभाषित (16px) ब्राउज़रों कि नहीं समर्थन rem इकाइयों कर के लिए फ़ॉलबैक प्रदान करेगा। ब्राउज़र जो करते हैं समर्थन rem इकाइयां बाद के font-size (1rem) का उपयोग करेंगी क्योंकि इसे पहले के बाद परिभाषित किया गया है और इसलिए इसे हटा दिया गया है।

body, 
button, 
input, 
select, 
textarea { 
    color: #404040; 
    font-family: sans-serif; 
    font-size: 16px;    /*This is set first and provides a fallback if rem units are not supported */ 
    font-size: 1rem;    /*This second defintion supersedes the first in supported browsers because it is defined after the first definition */ 
    line-height: 1.5; 
} 

यहां कैन्यूज है जो ब्राउज़र समर्थन आदि का विवरण देता है। यह वास्तव में वास्तव में अच्छा है, समर्थन के अनुसार; यह केवल वास्तव में IE8 या में कम है कि यह असफल हो जायेगी है: http://caniuse.com/rem

यहाँ एक अच्छा रेम इकाइयों को कवर लेख है: http://www.sitepoint.com/understanding-and-using-rem-units-in-css/

इस वजह से