/ / उत्तरदायी वेब डिज़ाइन: div चौड़ाई + पैडिंग नहीं है जिसमें वे 100% बराबर होते हुए भी div - सीएसएस, चौड़ाई, पैडिंग, उत्तरदायी-डिज़ाइन

उत्तरदायी वेब डिज़ाइन: div width + padding div युक्त भर में नहीं जा रहा है, भले ही वे 100% - सीएसएस, चौड़ाई, पैडिंग, उत्तरदायी-डिज़ाइन के बराबर हों

मैंने निम्नलिखित सीएसएस के साथ दो डिव,

#div-id {
width:96%;
padding: 10px 2% 10px 2%;
}

अब, मैं उम्मीद करता हूं कि ये डिव पूरी युक्त डिव को फैलाएंगे, और वे फ़ायरफ़ॉक्स में करते हैं, लेकिन वे केवल वेबकिट ब्राउज़र (आईई में अभी तक परीक्षण नहीं किया गया) में लगभग 99% चलते हैं।

क्या मुझे वेबकिट ब्राउज़रों में अंतरिक्ष में 100% स्पैन बनाने के लिए कुछ विशिष्ट करना है?

यहाँ मैं (McDouble बर्गर के ओवरटॉप) के साथ काम कर रहा हूं bueddefeld.com/blog.

उत्तर:

जवाब के लिए 2 № 1

यह है वेबकिट ब्राउज़र में बग। उत्तरदायी लेआउट बनाते समय प्रतिशत के बजाय ईएमएस का उपयोग करने की अनुशंसा की जाती है। यहाँ मूल लेख है सभी आधुनिक ब्राउज़रों में काम करने वाले वास्तव में उत्तरदायी लेआउट प्राप्त करने के लिए अनुशंसित तकनीक के साथ।