मैं अभी रिस्पॉन्सिव वेब डिज़ाइन या फ़्लूइड लेआउट पर कुछ ट्यूटोरियल से गुज़र रहा था।

उदाहरण में, एक 3-स्तंभ लेआउट स्वचालित रूप से निचले स्क्रीन आकारों में 2-स्तंभ लेआउट में परिवर्तित हो जाता है। उन्होंने 2 CSS गुणों के माध्यम से इसे संभव बनाया है;

float:none
margin-right:0

क्या आप कृपया मुझे यह समझने में मदद कर सकते हैं कि यह कैसे होता है और मार्जिन-राइट की गणना किस आधार पर की जाती है?

उदाहरण के लिए लिंक http://www.alistapart.com/articles/responsive-web-design /

0
copenndthagen 26 अगस्त 2011, 22:19
1
हो सकता है कि आपको केवल यहां पोस्ट करने के बजाय लेख को पढ़ना चाहिए और उदाहरणों को देखना चाहिए...
 – 
nfechner
26 अगस्त 2011, 22:27
मैं सीखना चाहता हूं कि स्क्रैच से डिव लेआउट कैसे बनाया जाता है .. हालांकि मुझे कोई साइट नहीं मिली है, जो वास्तव में बिल्डिंग ब्लॉक्स की व्याख्या करती है जैसे मुझे पता है कि फ्लोट क्या है, पैडिंग, मार्जिन का क्या मतलब है ... उन्हें एक डिज़ाइन/लेआउट बनाने के लिए सही है.. साथ ही ऊपर दी गई साइट इस पर विस्तृत जानकारी नहीं देती है।
 – 
copenndthagen
27 अगस्त 2011, 17:31

1 उत्तर

सबसे बढ़िया उत्तर

लेख निश्चित रूप से आपको एक उदाहरण दिखाता है कि मैं इसे कैसे करता हूं, ताकि आप इसे अपनी विशेष आवश्यकताओं के अनुकूल बना सकें। आपको एक कदम आगे जाना होगा। उम्मीद है कि निम्नलिखित स्पष्टीकरण और @ वेस्ले का उत्तर आपको ऐसा करने में मदद करेगा।

फ्लोट: कोई नहीं

फ़्लोट सेट करके: तत्वों पर कोई नहीं (जो पहले फ़्लोट किए गए थे), इससे ये तत्व एक दूसरे के ऊपर स्क्रीन के उन आकारों के लिए ढेर हो जाते हैं। फ़्लोटिंग ने स्पष्ट रूप से तत्वों को अगल-बगल में पंक्तिबद्ध किया।

मार्जिन-दाएं:0

इस उदाहरण में, वे मार्जिन-दाएं: 0 सेट कर रहे हैं ताकि वे कल्पनाएं दाईं ओर अच्छी तरह से पंक्तिबद्ध हों। यदि आप ध्यान दें, तो वे चित्र वही हैं जो स्क्रीन के उन आकारों के लिए सबसे दूर दाईं ओर हैं। यदि मार्जिन-राइट को शून्य पर सेट नहीं किया गया था, तो यह .figure की शैली को इनहेरिट करेगा, जिसमें मार्जिन-राइट लागू करता है

2
scottheckel 28 अगस्त 2011, 00:11
Thx..मार्जिन-राइट: 0 इसे दाईं ओर कैसे संरेखित करता है.. आम तौर पर बोलते हुए, मार्जिन-राइट कैसे जानता है कि संदर्भ बिंदु क्या है?
 – 
copenndthagen
27 अगस्त 2011, 10:45
छवियों के लिए अन्य एलआई के सभी में एक मार्जिन सही है, यही आपको छवियों के बीच गटर महसूस कराता है। यदि मार्जिन-दाएं दाईं ओर शून्य नहीं था, तो यह आपको या तो एक गटर देगा या छवि को अगली पंक्ति पर धकेल देगा (ALA लेख के मामले में, यह इसे अगली पंक्ति में धकेलता है)। तो यह उन्हें दाईं ओर संरेखित नहीं करता है, बस उन्हें उनकी सही स्थिति में बैठा देता है। क्या इसका कोई मतलब है?
 – 
scottheckel
28 अगस्त 2011, 00:09