responsive-design पर टैग किए गए जवाब

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

88 css  responsive-design  media-queries 

चूंकि बूटस्ट्रैप 3 में उत्तरदायी और मानक स्टाइलशीट के लिए अलग-अलग फाइलें नहीं हैं। तो मैं उत्तरदायी सुविधाओं को आसानी से कैसे निकाल सकता हूं?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

मैंने ट्विटर बूटस्ट्रैप उदाहरण डाउनलोड किया और इसके साथ एक सरल रेल परियोजना बनाई। मैंने उस सीएसएस की नकल की जहां जरूरत थी और यह ठीक दिखाता है। मैंने js की भी प्रतिलिपि बनाई और मेरे डेस्कटॉप पर सब कुछ बहुत अच्छा काम करता है: जब मैं अपने ब्राउज़र का …

84 twitter-bootstrap  responsive-design 

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

82 css  responsive-design  media-queries 

कम उपयोग करने वाले कुछ सीएसएस-वर्गों के भीतर विभिन्न प्रस्तावों के लिए सीएसएस-शैलियों को लपेटना अच्छा होगा। मैं कुछ करना चाहता हूँ जैसे: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } अंत में कुछ इस तरह होना …

82 css  responsive-design  less  media-queries 

मैं यह देखने की कोशिश कर रहा srcsetहूं कि ब्राउज़र डेवलपर टूल के माध्यम से मेरा ब्राउज़र किस छवि का उपयोग कर रहा है, लेकिन नेटवर्क टैब का उपयोग करने के अलावा यह देखने के लिए कि यह कौन सा चित्र प्राप्त करता है, मैं नहीं बता सकता। नेटवर्क टैब …

81 html  css  responsive-design  developer-tools  srcset 

देर से, मैं उन साइटों को डिज़ाइन कर रहा हूं जो अधिक उत्तरदायी हैं और मैं अक्सर सीएसएस मीडिया प्रश्नों का उपयोग कर रहा हूं। एक पैटर्न जिस पर मैंने गौर किया है वह यह है कि मीडिया के प्रश्नों को जिस क्रम में परिभाषित किया गया है वह वास्तव …

80 css  media-queries  responsive-design 

एक पहलू अनुपात ग्रहण किए बिना, एक आइफ्रेम को उत्तरदायी कैसे बनाया जाए? उदाहरण के लिए, सामग्री में कोई चौड़ाई या ऊँचाई हो सकती है, जो रेंडर करने से पहले अज्ञात है। ध्यान दें, आप जावास्क्रिप्ट का उपयोग कर सकते हैं। उदाहरण: <div id="iframe-container"> <iframe/> </div> इसे आकार दें iframe-containerताकि …

14 javascript  html  css  iframe  responsive-design 

मुझे डेस्कटॉप पर डिफ़ॉल्ट रूप से दिखाने के लिए मेरे बूटबार (बूटस्ट्रैप का उपयोग करने) और (मोबाइल पर डिफ़ॉल्ट रूप से बंद) दिखाने के लिए अपने साइडबार / नेविगेशन सामग्री प्राप्त करने की कोशिश करने में कुछ वास्तविक परेशानी हो रही है और केवल मोबाइल पर आइकन दिखा रहा है। …

9 javascript  html  css  bootstrap-4  responsive-design