media-queries पर टैग किए गए जवाब

जावास्क्रिप्ट में अभिविन्यास मोड का उपयोग करके पता लगाया जा सकता है: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } हालांकि, क्या केवल सीएसएस का उपयोग करके अभिविन्यास का पता लगाने का एक तरीका है? उदाहरण के लिए। कुछ इस तरह: @media only …

159 browser  css  tablet  media-queries 

मैं एक वर्ग बनाने के लिए CSS3 मीडिया प्रश्नों का उपयोग करने की कोशिश कर रहा हूं जो केवल तब दिखाई देता है जब चौड़ाई 400px से अधिक और 900px से कम हो। मुझे पता है कि यह शायद बहुत सरल है और मुझे कुछ स्पष्ट याद आ रहा है, …

141 css  media-queries 

मैं मीडिया क्वेरी में सीएसएस चर का उपयोग करने की कोशिश कर रहा हूं और यह काम नहीं करता है। :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css  media-queries  css-variables 

IPhone 5 में लंबी स्क्रीन है और यह मेरी वेबसाइट के मोबाइल दृश्य को नहीं पकड़ रहा है। IPhone 5 के लिए नए उत्तरदायी डिज़ाइन प्रश्न क्या हैं और क्या मैं मौजूदा iPhone प्रश्नों के साथ संयोजन कर सकता हूं? मेरी वर्तमान मीडिया क्वेरी यह है: @media only screen and …

132 iphone  css  responsive-design  media-queries  iphone-5 

क्या जावास्क्रिप्ट का उपयोग करके व्यूपोर्ट चौड़ाई के विपरीत, उपयोगकर्ताओं के डिवाइस की चौड़ाई प्राप्त करने का एक तरीका है? सीएसएस मीडिया क्वेरीज़ की पेशकश करता है, जैसा कि मैं कह सकता हूं @media screen and (max-width:640px) { /* ... */ } तथा @media screen and (max-device-width:960px) { /* ... …

128 javascript  css  media-queries 

टचस्क्रीन डिवाइस पर न होने पर कुछ करने के लिए मीडिया के प्रश्नों का उपयोग करने का सबसे सुरक्षित तरीका क्या है? अगर कोई रास्ता नहीं है, तो क्या आप जावास्क्रिप्ट समाधान का उपयोग करने का सुझाव देते हैं जैसे कि !window.Touchमॉर्डनिज़्र?

122 css  touch  media-queries 

मैं @media प्रश्नों के साथ एक सास चर के उपयोग को संयोजित करने का प्रयास कर रहा हूं: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width फिर तरल पदार्थ का उत्पादन करने के लिए स्टाइलशीट चौड़ाई प्रतिशत-आधारित माप में विभिन्न बिंदुओं पर …

120 sass  media-queries 

यह एक मूर्खतापूर्ण प्रश्न की तरह लग सकता है। अगर मैं इस सीएसएस स्निपेट को नियमित डिस्प्ले के लिए उपयोग करता हूं (जहां box-bg.png200px तक 200px है); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } और अगर मैं रेटिना डिस्प्ले को लक्षित करने के लिए इस तरह से एक मीडिया …

102 css  responsive-design  media-queries 

किसी कारण डिवाइस इम्यूलेशन मोड मेरे मीडिया प्रश्नों को नहीं पढ़ रहा है। यह मेरी अपनी साइटों सहित अन्य साइटों पर काम करता है, जिन्हें मैंने बूटस्ट्रैप के साथ बनाया था, लेकिन यह उन मीडिया क्वेरी पर काम नहीं कर रहा है, जिनका उपयोग मैं स्क्रैच से कर रहा हूं …

94 css  google-chrome  media-queries  developer-tools 

संपादित करें: शायद मुझे पूछना चाहिए कि स्क्रीन को 480px चौड़ाई से कम करने पर कौन सा चयनकर्ता साइड पैडिंग सेट करता है? मैं इसे खोजने के लिए थोड़ी देर के लिए बूटस्ट्रैप-रिस्पॉन्सिबिलिटी ब्राउज़ कर रहा हूं। लेकिन इस पर कोई असर नहीं पड़ता। मूल मैं मूल रूप से छोटे …

89 css  twitter-bootstrap  responsive-design  media-queries 

ओवरलैप से बचने के लिए हम मीडिया के प्रश्नों को कैसे सही ढंग से रखते हैं? उदाहरण के लिए, यदि हम कोड पर विचार करते हैं: @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 

मेरे पास एक आइटम वर्ग और एक कॉम्पैक्ट "संशोधक" वर्ग है: .item { ... } .item.compact { /* styles to make .item smaller */ } यह ठीक है। हालाँकि, मैं एक ऐसी @mediaक्वेरी जोड़ना चाहूँगा जो .itemस्क्रीन के काफी छोटे होने पर क्लास को कॉम्पैक्ट करने के लिए मजबूर करे …

86 css  sass  media-queries 

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

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

मैं कई टैबलेट उपकरणों के साथ काम कर रहा हूं - दोनों एंड्रॉइड और आईओएस। वर्तमान में मेरे पास सभी टैबलेट के लिए रिज़ॉल्यूशन भिन्नताएं हैं। 1280 x 800 1280 x 768 1024 x 768 (स्पष्ट रूप से iPad) - iPad के पास यह मुद्दा नहीं है डिवाइस ओरिएंटेशन आधारित …

84 android  css  media-queries 

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

82 css  responsive-design  media-queries