स्केलेटन को स्क्रीन चौड़ाई का पता लगाने के लिए कैसे स्प्री करें? - उत्तरदायी डिजाइन, spree, कंकाल-सीएसएस-बॉयलरप्लेट

क्या यह संभव है और मेरे स्प्री ऐप / उपयोगकर्ता के ब्राउजर को कंकाल की चौड़ाई के समायोजन को नजरअंदाज करने और हमेशा 960px चौड़े ब्राउजर को संभालने के लिए मजबूर करना आसान है, जिससे उपयोगकर्ता स्क्रॉल को सही बना सके?

मैंने एक बुनियादी, कार्यात्मक बनाया और तैनात किया हैईकॉमर्स ऐप। एक निरपेक्ष नौसिखिया होने के नाते, मैं उत्तरदायी डिजाइन से अनजान था। तो, अब, मेरी साइट एक बड़े दृश्य के साथ अच्छी तरह से काम करती है, लेकिन चौड़ाई <960px पर एक जंबल में बदल जाती है। मैं एक त्वरित पैच की उम्मीद कर रहा हूं जबकि मैं कुछ सीखता हूं और लेआउट को फिर से डिजाइन करता हूं।

उत्तर:

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

आप शरीर पर एक स्पष्ट चौड़ाई सेट कर सकते हैं:

body {
width: 960px;
margin: 0 auto; /* center the body */
}

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

कंकाल निश्चित चौड़ाई पर आधारित है। हर कॉलम में px-value चौड़ाई होती है। बस शरीर को एक अलग चौड़ाई में स्थापित करना "टी वर्क" है।

आपको "skeleton.css" को संपादित करना होगा।कॉलम की चौड़ाई निर्धारित करें और प्रतिशत प्राप्त करने के लिए 960 से विभाजित करें। फिर तय करें कि आप किस बॉडी चौड़ाई का उपयोग करना चाहते हैं, और कॉलम की चौड़ाई को संबंधित प्रतिशत बार नई चौड़ाई पर सेट करें।


संबंधित सवाल
सबसे लोकप्रिय