http://jsfiddle.net/3BFGU/71/एचटीएमएल तत्व चौड़ाई व्यक्तिगत बाल तत्वों की चौड़ाई के योग से कम है?
एचटीएमएल पेरेंट तत्व (1 $ (एल) .width की गणना (1)) की चौड़ाई चाइल्ड तत्वों की संयुक्त चौड़ाई से कम है।
किसी भी विचार क्यों यह हो रहा हो सकता?
शायद, कुल चौड़ाई पहले से किसी तरह से इकट्ठे हो जाया करते चौड़ाई और इन आंशिक चौड़ाई की राशि है। यह योग कंटेनर की चौड़ाई के बराबर नहीं है। मैंने पाया कि अधिक तत्व अधिक गलतता उत्पन्न करते हैं उदा। 5 तत्वों के लिए 3 पिक्सेल अंतर।
वास्तव में, इनलाइन पाठ खंड उदाहरण 10.6px के लिए आंशिक चौड़ाई हो सकता है,। तो, पंक्ति में रखे गए तीन ब्लॉक में से 31.8px ≈ 32px लगेगा। लेकिन जब प्रत्येक चौड़ाई कुल में ≈ 11px * 3 = 33px तक जाती है। यहां एक पिक्सेल डिफेंस है। http://jsfiddle.net/3BFGU/86/
N.B. फ़ायरफ़ॉक्स का फ़ॉन्ट रेंडरिंग इंजन उप-पिक्सेल अक्षर प्लेसमेंट का उपयोग करना शुरू करता है जब फ़ॉन्ट-आकार> 15px (कम से कम वर्डाना, एरियल और सेगो यूआई के लिए, जिसमें अत्यधिक संकेत लागू होता है)। जब प्रत्येक अक्षर में पूर्णांक चौड़ाई मान होता है और स्ट्रिंग में सभी समान अक्षर बिल्कुल समान रास्टर छवि होते हैं। यह स्पष्ट रूप से behaivior letter-spacing: .9px; के साथ देखा और font-size: 14.9px; और font-size: 15.1px;
कि इसके अलावा, एक साल पहले मैंने बनाया a little playground के बीच स्विच करने के लिए विभिन्न ब्राउज़र के प्रतिपादन इंजन का परीक्षण करने के।
धन्यवाद के साथ भी होता है। यदि आप इनलाइन टेक्स्ट ब्लॉक पर विस्तृत कर सकते हैं तो आंशिक चौड़ाई हो सकती है, जो ठंडा हो जाएगा। – sbr
फ़ायरफ़ॉक्स में एक बग .... संभवतः एक गोलाई त्रुटि की तरह लग रहा?
त्रुटि संगत नहीं है। यदि आप दूसरे स्पैन के अंदर एक स्थान जोड़ते हैं, तो 'नया' के बाद यह सही ढंग से गणना करता है (मैं 14.0.1 पर परीक्षण कर रहा हूं)।
http://jsfiddle.net/DigitalBiscuits/3BFGU/81/
इसके अलावा, अगर आप फिर से एक राजधानी के लिए पिछले 'w' बदलने के लिए, इसे सही ढंग से गणना करता है। http://jsfiddle.net/DigitalBiscuits/3BFGU/83/
इससे मुझे विश्वास होगा कि यह फ़ायरफ़ॉक्स पिक्सल में तत्वों के आकार की गणना कर रहा है, और कुछ गोल, ऊपर या नीचे होना चाहिए, जिसमें इस विसंगति का कारण बनना शामिल है।
मैं सिर्फ 15.0 करने के लिए नवीनीकृत किया है और एक ही परिणाम हो रही है। मैं सभी संस्करणों पर परीक्षण करूंगा जब तक कि मैं पूरी तरह से अपडेट नहीं हो जाता और आपको परिणाम बताता हूं।
ही 15.0.1 पर फिर से, नवीनतम संस्करण
सटीक चौड़ाई गणना के समय राउंडअप हो रही है। संभवतः ऐसा परिणाम दिखाने के लिए एफएफ का कारण बन सकता है।
फ़ायरफ़ॉक्स का कौन सा संस्करण? मेरे लिए 15 में नहीं होता है। –
मैं 15.0.1 का उपयोग कर रहा हूं।नाइटली बिल्ड ऑफ एफएफ (संस्करण 17) – sbr