द्रव डिजाइन - वास्तव में तरल पदार्थ - कठिन है। बहुत मुश्किल। यह सिर्फ पेज की चौड़ाई का सवाल नहीं है - क्या आपके फोंट स्केल हैं, और क्या उनके साथ सब कुछ स्केल है? आदर्श रूप में:
- आकार को
em
इसके बजाय परिभाषित किया जाना चाहिएpx
- ... और यह तत्व आकारों के लिए जाता है, न कि केवल फोंट के लिए!
- फ़ॉन्ट आकार या ज़ूम स्तर में परिवर्तन को देखते हुए, पृष्ठ तत्व एक दूसरे के सापेक्ष समान आकार के होने चाहिए
हमारा मुख्य उत्पाद तरल है, और यह एक डिजाइनर के रूप में मेरे दृष्टिकोण से एक दर्द है, खासकर क्योंकि इसमें बहुत अधिक उपयोगकर्ता-निर्मित सामग्री शामिल है।
एक चीज़, छवियों के लिए - एक निश्चित-चौड़ाई वाली साइट में, आपके पास एक ऐसी छवि हो सकती है जो आधी चौड़ाई भरती है, और बहुत अच्छी लगती है। एक द्रव साइट में, यह छवि व्हॉट्सएप के समुद्र में खो जाने की संभावना के समान है, बल्कि अकेला दिखाई देती है।
जीवन को एक बार आसान होना चाहिए border-radius
और अन्य CSS3 गुण अधिक खेलने में आते हैं, लेकिन दुख की बात है कि हमारे मुख्य दर्शक सरकारी कर्मचारी हैं, जो सभी, सभी का उपयोग करें IE F @! * ING 6!
प्रश्न का उत्तर देने के लिए, "क्या यह इसके लायक है"? हां , अगर आप इसे सही करते हैं।
यहां एक परिदृश्य है: एक निश्चित-चौड़ाई वाली साइट चुनें: आपका बॉस उसे अपने ब्रांड-नए, 1920x1600 लैपटॉप पर एक ग्राहक को दिखाता है, फिर आपसे शिकायत करता है कि "इस आदमी की स्क्रीन पर यह सब कैसे छोटा दिखता है!"