Articles of उत्तरदायी डिजाइन

चौड़ाई और ऊंचाई के अनुसार पहलू अनुपात बनाए रखें

व्यूपोर्ट में स्क्वायर div फिट करने और केंद्र को चौड़ा और ऊंचाई के अनुसार पहलू अनुपात बनाए रखने के लिए संभव है? आवश्यकताएं: केवल सीएसएस व्यूपोर्ट की ओरिएंटेशन (लैंडस्केप या पोर्ट्रेट) की परवाह किए बिना स्क्वायर का आकार व्यूपोर्ट के सबसे छोटे आयाम (चौड़ाई या ऊंचाई) के लिए अनुकूल होना चाहिए। स्क्वायर को व्यूपोर्ट में […]

उत्तरदायी क्षैतिज पृष्ठ फिसलने

मैं क्षैतिज उत्तरदायी पृष्ठ नेविगेशन बनाना चाहता हूं जैसा कि नीचे की छवि से दिखाया गया है: यह वही है जो मैंने किया है: डेमो $(document).ready(function () { var slideNum = $('.page').length, wrapperWidth = 100 * slideNum, slideWidth = 100/slideNum; $('.wrapper').width(wrapperWidth + '%'); $('.page').width(slideWidth + '%'); $('a.scrollitem').click(function(){ $('a.scrollitem').removeClass('selected'); $(this).addClass('selected'); var slideNumber = $($(this).attr('href')).index('.page'), margin = […]

सामान्य सीएसएस मीडिया क्वेरी ब्रेक पॉइंट्स

मैं सीएसएस मीडिया प्रश्नों के साथ एक उत्तरदायी वेब साइट पर काम कर रहा हूं। डिवाइस के लिए निम्नलिखित एक अच्छा संगठन है? फोन, आईपैड (लैंडस्केप और पोर्ट्रेट), डेस्कटॉप और लैपटॉप, बड़े स्क्रीन सामान्य मीडिया प्रश्नों को बिच-बिंदु मान क्या हैं? मैं निम्नलिखित ब्रेकपॉइंट का उपयोग करने की योजना बना रहा हूं: 320: स्मार्टफोन पोर्ट्रेट […]

सीएसएस मीडिया क्वेरी ओवरलैप के लिए नियम क्या हैं?

ओवरलैप से बचने के लिए हम मीडिया प्रश्नों को ठीक से कैसे निकालते हैं? उदाहरण के लिए, यदि हम कोड पर विचार करते हैं: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ […]

ट्विटर बूटस्ट्रैप पर आधारित, उत्तरदायी डिजाइन में द्रव या निश्चित ग्रिड प्रणाली

मुझे ट्विटर बूटस्ट्रैप ग्रिड में विभिन्न विकल्पों के बारे में भ्रमित हो रहा है, और वे एक साथ कैसे जाते हैं के साथ शुरू करने के लिए, आप एक साधारण तय container , या एक container-fluid फिर या तो कोई एक साधारण row या एक तरल पंक्ति, row-fluid । यही है, आप एक निश्चित कंटेनर […]

Percents चौड़ाई के साथ उत्तरदायी सीएसएस त्रिकोण

नीचे दिए गए कोड <a> तत्व के नीचे एक तीर बनाएगा: JSFiddle .btn { position: relative; display: inline-block; width: 100px; height: 50px; text-align: center; color: white; background: gray; line-height: 50px; text-decoration: none; } .btn:after { content: ""; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-width: 10px 50px 0 50px; border-style: solid; border-color: […]

क्या व्यूपोर्ट मेटा टैग वास्तव में आवश्यक है?

मैंने कुछ उत्तरदायी साइटें बनाई हैं, लेकिन उत्तरदायी साइट के विकास के लिए नए हैं। मेरे सीएसएस में मेरे 99% मूल्यएं ईएमएस या प्रतिशत हैं लेआउट परिवर्तन करने के लिए मैं मीडिया प्रश्नों (अधिकतम-चौड़ाई और अधिकतम-डिवाइस-चौड़ाई दोनों) का उपयोग कर रहा हूं। मैंने एक व्यूपोर्ट मेटा टैग शामिल नहीं किया है और यह आईओएस, कई […]

आईओएस 8 ने "न्यूनतम-यूआई" व्यूपोर्ट की संपत्ति को हटा दिया, क्या अन्य "सॉफ्ट फुलस्क्रीन" समाधान हैं?

(यह एक बहु-भाग का प्रश्न है, मैं परिदृश्य को संक्षेप करने के लिए अपनी पूरी कोशिश करूंगा।) हम वर्तमान में एक संवेदनशील वेब ऐप (न्यूज़ रीडर) का निर्माण कर रहे हैं जो उपयोगकर्ताओं को टैब की गई सामग्री के बीच स्वाइप करते हैं, साथ ही प्रत्येक टैबयुक्त सामग्री के अंदर खड़ी स्क्रॉल करते हैं। समस्या […]

उत्तरदायी साइट पर मीडिया प्रश्नों के लिए सामान्य ब्रेकपॉइंट

इसलिए मैं अपनी पहली उत्तरदायी वेबसाइट पर काम कर रहा हूं जो मीडिया प्रश्नों का व्यापक उपयोग करती है। मैं सोच रहा था कि क्या कुछ सामान्य पृष्ठ-चौड़ाई हैं जिनके लिए मुझे अनुकूलित करना चाहिए। मुझे शायद एक अधिकतम चौड़ाई होनी चाहिए (पूर्ण तरल पदार्थ नहीं जा रहा है) मैं सोच रहा हूं कि मेरे […]

क्या मुझे अधिकतम-डिवाइस-चौड़ाई या अधिकतम-चौड़ाई का उपयोग करना चाहिए?

सीएसएस मीडिया प्रश्नों के साथ आप डिवाइस की चौड़ाई (जैसे कि आईफोन या एंड्रॉइड डिवाइस) और / या एक max-width को लक्षित करने के लिए max-device-width का उपयोग कर सकते हैं, जो पेज चौड़ाई को लक्षित करते हैं। यदि आप max-device-width उपयोग करते हैं, तो जब आप अपने डेस्कटॉप पर ब्राउज़र विंडो का आकार बदलते […]

दिलचस्प पोस्ट
अन्य तालिका से मूल्य के साथ mysql अद्यतन कॉलम jQuery दिनांक स्वरूपण "./" (डॉट स्लैश) क्या एक HTML फ़ाइल पथ स्थान के संदर्भ में है? क्या int एक संदर्भ प्रकार या मूल्य प्रकार है? Windows पर एक फ़ाइल का मामला बदलें? हैश टेबल वास्तव में हे हो (1) हो सकता है? Assembly.GetTypes () को कॉल करते समय ReflectionTypeLoadException को रोकने के लिए कैसे करें PHP एसपीएल रिकर्सिव डायरेक्टरीआइटरेटर रिकर्सिवइटरेटरइटरेटर पूर्ण पेड़ को पुनः प्राप्त कर रहा है वास्तव में माइक्रोसॉफ्ट विज़ुअल सी ++ के दो-चरण टेम्पलेट इंस्टाशन के साथ "टूटी हुई" क्या है? चेनिंग .bind () जावास्क्रिप्ट में कॉल अप्रत्याशित परिणाम? एक निश्चित संख्या तक प्राथमिकताओं की सूची जनरेट करें कैसे दो तिथियों के बीच सभी महीनों को सूचीबद्ध करें अनपाखे गिट को देखना Regex का उपयोग कर एक सबस्ट्रिंग निकालने का तरीका जाँच कैसे करें कि एक चर का प्रकार स्ट्रिंग है?