कस्टम ब्रेकप्वाइंट
केवल मोबाइल, टैबलेट और डेस्कटॉप तक सीमित होने से थक गए आपके आगंतुक उपकरणों की एक विशाल श्रृंखला का उपयोग करते हैं जैसे छोटे फोन से लेकर बड़े ४ के मॉनिटर तक कस्टम ब्रेकप्वाइंट एक्सटेंशन डिफ़ॉल्ट सीमाओं को तोड़ देता है आपको जितने डिवाइस आकारों की आवश्यकता होती है, जैसे कि “बड़े टैबलेट, हेमोल डेस्कटॉप, सबल डेस्कटॉप, और फिर प्रत्येक के लिए अपनी खुद की सटीक पिक्सेल रेंज सेट करें, फिर हर एक के लिए अपनी साइट को पूरी तरह से डिज़ाइन और पूर्वावलोकन करें यह पिक्सेल-परिपूर्ण, वास्तव में उत्तरदायी वेब डिज़ाइन के लिए अंतिम उपकरण है जो किसी भी स्क्रीन पर निर्दोष दिखता है।

असीमित, कस्टम डिवाइस ब्रेकप्वाइंट
मूल बातों से आगे बढ़ें एक ब्रेकप्वाइंट जोड़ें जिसका नाम है “लार्ज टेबलेटंबैग (१०२४ पीएक्स से १२८० पीएक्स) या “स्मॉल डेस्कटॉपंबैग (१२८१ पीएक्स से १४४० पीएक्स) आप एक को “अल्ट्रा-वाइडंबैग मॉनिटर के लिए भी जोड़ सकते हैं बस इसे एक नाम दें, मिन-चौड़ाई और मैक्स-चौड़ाई सेट करें, और सहेजें आपका नया ब्रेकप्वाइंट एलिमेंट संपादक के उत्तरदायी पूर्वावलोकन टूलबार में डिफ़ॉल्ट लोगों के ठीक बगल में दिखाई देगा।
- असीमित डिवाइस जोड़ें: किसी भी विशिष्ट डिवाइस रेंज के लिए ब्रेकप्वाइंट बनाएं जिसे आपको लक्षित करने की आवश्यकता है।
- सहज ड्रैग एंड ड्रॉप: अपनी प्राथमिकता निर्धारित करने के लिए सूची में अपने ब्रेकप्वाइंट को आसानी से पुन: व्यवस्थित करें।
- दृश्य श्रेणियाँ साफ़ करें: संपूर्ण अवलोकन के लिए एक तालिका (मोबाइल: 0-767, टैबलेट: 768-1024, आदि) में दिए गए अपने सभी ब्रेकप्वाइंट देखें।
संपादक एवं पूर्वावलोकन एकीकरण
एक बार जब आप अपने कस्टम ब्रेकप्वाइंट को सहेज लेते हैं, तो वे मूल लोगों की तरह ही काम करते हैं एलिमेंटर संपादक में “Large टैबलेट” दृश्य पर स्विच करें और अपने कॉलम लेआउट को समायोजित करें अपने “Ultra-Wide” डिज़ाइन का लाइव पूर्वावलोकन करें ताकि यह सुनिश्चित हो सके कि आपका हीरो अनुभाग अजीब तरह से नहीं खिंचता है। इस निर्बाध एकीकरण का मतलब है कि आप अनुमान लगाए बिना अपनी प्रतिक्रियाशील यात्रा के हर चरण के लिए डिज़ाइन को ठीक कर सकते हैं।
- नेटिव वर्कफ़्लो: अपने नए ब्रेकप्वाइंट के साथ उसी परिचित एलिमेंटर रिस्पॉन्सिव एडिटिंग मोड का उपयोग करें।
- लाइव समायोजन: प्रत्येक कस्टम ब्रेकपॉइंट के लिए पैडिंग, मार्जिन, फ़ॉन्ट आकार और दृश्यता बदलें।
- सही परिशुद्धता: अजीब “in-bethin” स्थितियों को हटा दें जहां आपका डिज़ाइन सामान्य लेकिन अनदेखा स्क्रीन आकार पर टूट सकता है।


कस्टम ब्रेकप्वाइंट के लिए अक्सर पूछे जाने वाले प्रश्न
कस्टम ब्रेकप्वाइंट की आवश्यकता का वास्तविक दुनिया का उदाहरण क्या है?
कल्पना कीजिए कि आपके पास ३-कॉलम ग्रिड है जो डेस्कटॉप पर बहुत अच्छा लगता है (१०२५ पीएक्स +) एक मानक टैबलेट (७६८ पीएक्स) पर, एलिमेंटर इसे २ कॉलम में स्विच कर सकता है लेकिन परिदृश्य में एक बड़े टैबलेट पर (कहते हैं, १०२४ पीएक्स), यह २-कॉलम टैबलेट दृश्य में फंस गया है, अंतरिक्ष बर्बाद कर सकता है आप ९९२ पीएक्स -१०२४ पीएक्स पर एक “लार्ज टैबलेट” ब्रेकपॉइंट बना सकते हैं और वहां ३ कॉलम पर ग्रिड सेट कर सकते हैं, उस विशिष्ट डिवाइस के लिए लेआउट को ठीक कर सकते हैं।
क्या कई ब्रेकप्वाइंट जोड़ने से एलिमेंट संपादक धीमा हो जाएगा?
कुछ जोड़ना (जैसे २-३ अतिरिक्त) ध्यान देने योग्य मंदी का कारण नहीं होगा हालांकि, यदि आप १०+ ब्रेकप्वाइंट जोड़ते हैं, तो संपादक को प्रत्येक के लिए स्टाइलिंग पैनल लोड करना होगा, जो इसे थोड़ा धीमा कर सकता है हम केवल ब्रेकप्वाइंट जोड़ने की सलाह देते हैं जो आपको वास्तव में डिजाइन उद्देश्यों के लिए आवश्यक है आमतौर पर, ४-५ कुल (डिफ़ॉल्ट सहित) पर्याप्त से अधिक है।
क्या ये कस्टम ब्रेकप्वाइंट मेरी लाइव साइट के सीएसएस और प्रदर्शन को प्रभावित करते हैं?
हाँ, लेकिन कुशलता से विस्तार आपके कस्टम श्रेणियों के लिए अतिरिक्त सीएसएस मीडिया क्वेरी उत्पन्न करता है यह आपके पृष्ठ पर सीएसएस की एक बहुत छोटी राशि जोड़ता है प्रदर्शन प्रभाव न्यूनतम है [+] एक पूरे प्लगइन को जोड़ने की तुलना में बहुत कम है एक पूरी तरह से उत्तरदायी डिजाइन का लाभ बहुत छोटी फ़ाइल आकार वृद्धि से अधिक है।
क्या मैं "मोबाइल लैंडस्केप" बनाम "मोबाइल पोर्ट्रेट" के लिए ब्रेकप्वाइंट सेट कर सकता हूँ?
बिल्कुल! आप उदाहरण के लिए, 568px की न्यूनतम चौड़ाई और 767px की अधिकतम चौड़ाई के साथ “मोबाइल लैंडस्केप” नामक एक ब्रेकप्वाइंट बना सकते हैं। फिर, संपादक में, आप विशेष रूप से बग़ल में रखे गए फोन के लिए शैलियों को समायोजित कर सकते हैं, जैसे फ़ॉन्ट आकार बढ़ाना या बटन पैडिंग को समायोजित करना जो परिदृश्य में तंग दिख सकता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

ग्लासमोर्फिज्म

कंटेनर अतिरिक्त

पैटर्न

पोस्ट/पेज डुप्लीकेटर


