बाहरी चौड़ाई और चौड़ाई क्रोम

Question

के सापेक्ष फ़ायरफ़ॉक्स में गलत मान देता है मैं element.outerWidth का उपयोग कर तत्व की चौड़ाई प्राप्त करने का प्रयास कर रहा हूं। जब मैं क्रोम का उपयोग कर रहा हूं तो यह सही मान देता है, लेकिन जब मैं फ़ायरफ़ॉक्स पर स्विच कर रहा हूं तो मुझे बहुत कम मूल्य मिला। फ़ायरफ़ॉक्स इस तत्व को क्रोम से अलग कैसे पढ़ता है?

तत्व:

<div class="submit_container"> 
    <input type="submit" value="Something" /> 
</div> 

क्रोम: 88px
फ़ायरफ़ॉक्स: 36px

जब मैं फ़ायरफ़ॉक्स का उपयोग कर तत्व का निरीक्षण यह क्रोम में के रूप में के साथ एक ही प्रदर्शित करते हैं। (88 पीएक्स)

Answer 1

क्या आपने jQuery चौड़ाई का उपयोग करने का प्रयास किया है?

$(element).width(); 

इसमें थोड़ा अंतर है लेकिन मुझे लगता है कि यह एक क्रॉस-ब्राउज़र समस्या है।

संपादित करें:

मुझे लगता है कि line-spacing चौड़ाई में अंतर पैदा कर रहा था। फ़ायरफ़ॉक्स में इसे हटाने का प्रयास करें और आपको अंतर दिखाई देगा