यह व्यावहारिक मार्गदर्शिका प्रतिक्रियाशील डिज़ाइनों में रिक्ति और पैडिंग को प्रबंधित करने की विधि का वर्णन करेगी।
रिस्पॉन्सिव डिज़ाइन में स्पेसिंग और पैडिंग कैसे प्रबंधित करें?
रिस्पॉन्सिव डिज़ाइन में पैडिंग और स्पेसिंग को सीएसएस का उपयोग करके प्रबंधित किया जा सकता है। रिक्ति और पैडिंग के प्रबंधन का एक व्यावहारिक प्रदर्शन नीचे दिया गया है।
चरण 1: एक HTML संरचना बनाएं
सबसे पहले, एक HTML संरचना और उसके अंदर कुछ टेक्स्ट का उपयोग करके बनाएं और चरण 2: सीएसएस लागू करें अब, आइए CSS लागू करें उपरोक्त आउटपुट पुष्टि करता है कि रिक्ति और पैडिंग लागू की गई है। आइए ब्राउज़र विंडो को अनुबंधित करके जांचें कि यह उत्तरदायी है या नहीं: विंडो को अनुबंधित करके, सामग्री ने प्रतिक्रियाशील व्यवहार किया है, जो पुष्टि करता है कि लागू पैडिंग और रिक्ति प्रतिक्रियाशील है। रिस्पॉन्सिव डिज़ाइन में रिक्ति और पैडिंग को प्रबंधित करने के लिए, CSS गुण मौजूद हैं। का उपयोग करके प्रतिक्रियाशील डिज़ाइन में पैडिंग जोड़ने के लिए गद्दी ' संपत्ति। इसी प्रकार, रिस्पॉन्सिव डिज़ाइन में 'का उपयोग करके रिक्ति जोड़ी जा सकती है' अंतर ' संपत्ति। इस लेख ने उपयोगकर्ताओं को रिस्पॉन्सिव डिज़ाइन में रिक्ति और पैडिंग प्रबंधित करने का समाधान प्रस्तुत किया है।
< शरीर >
< एच 2 > उत्तरदायी सीएसएस पैडिंग और रिक्ति < / एच 2 >
< डिव > इस CSS तत्व में 80px की पैडिंग और 40px की रिक्ति है। < / डिव >
< / शरीर >
गद्दी : 80px ;
अंतर : 40px ;
सीमा : 1px ठोस हरा ;
}
निष्कर्ष