/ / इसे डिजाइन करने का सबसे अच्छा तरीका क्या है? फ़्लोट्स या क्या कोई बेहतर तरीका है? चित्र संलग्न [बंद] - एचटीएमएल, सीएसएस, ढांचे

इसे डिजाइन करने का सबसे अच्छा तरीका क्या है? फ़्लोट्स या क्या कोई बेहतर तरीका है? चित्र संलग्न [बंद] - एचटीएमएल, सीएसएस, ढांचे

छवि की खुरदरापन के बारे में खेद है, लेकिन प्रत्येकबॉक्स मेरी वेबसाइट में एक div में होगा। मैं चाहता हूं कि यह उत्तरदायी हो, इसलिए विभिन्न स्क्रीन आकारों पर अच्छी तरह से काम करें, इसलिए मुझे पता है कि प्रत्येक div की चौड़ाई को परिभाषित करते समय मुझे% का उपयोग करना होगा, लेकिन फ्लोट का उपयोग करने का सही तरीका है? क्या divs को तैरने से ऐसा करने का कोई आसान तरीका है? और मुझे यकीन नहीं है कि यह काम करेगा या नहीं।

http://i.stack.imgur.com/zOuYF.jpg

उत्तर:

उत्तर № 1 के लिए 4

ऐसा करने के लिए मैं कुछ और divs का उपयोग करेंगे: संशोधित लेआउट स्केच

आपका सबसे बड़ा div बाएं तैर जाएगा; फिर दोनीले रंग में उल्लिखित (मेरे जोड़), भी बाएं तैरते हैं। इन नीले divs के अंदर, अपने दो या तीन divs, कोई तैरना जोड़ें। इस लेआउट को काम करने के लिए यह सबसे सरल तरीका है। सर्वोत्तम परिणामों के लिए, बेहतर कैशिंग और रखरखाव प्रयास के लिए अपनी सभी शैलियों को स्टाइलशीट में रखें।


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

आपको इसे डिजाइन करने की आवश्यकता नहीं हैफ़्लोटिंग divs प्रतिशत का उपयोग कर चौड़ाई सौंपा। आप इसके बजाय विभिन्न प्रकार के प्लेटफार्मों के लिए एक सीएसएस क्लास तैयार कर सकते हैं जिन्हें आप समर्थन देना चाहते हैं और फिर सीएसएस मीडिया प्रश्नों का उपयोग करके उन्हें टॉगल करें। इस प्रकार ट्विटर बूटस्ट्रैप जैसे आधुनिक ढांचे इस कार्य को पूरा करते हैं।

उदाहरण के लिए : http://twitter.github.com/bootstrap/scaffolding.html#responsive