हाय मैं सीएसएस को लागू करने की कोशिश कर रहा हूं जब स्क्रीन रिज़ॉल्यूशन 1280 * 720 है, यह लागू नहीं होता है, लेकिन जब मैं Google उत्तरदायी में मैन्युअल रूप से चौड़ाई और ऊंचाई दर्ज करता हूं तो इसकी कार्यप्रणाली की जांच करें। यहाँ सीएसएस का कोड है

 @media (min-height:720px) and (min-width: 1280px) {
     .space
       {
            margin-top:24.5%;
         }
}
0
Ivory Fabian 17 जून 2017, 07:54

2 जवाब

आप इसे 720px to 1280px से चाहते हैं तो आपको media query min-width:720px (अर्थात 720px से) से max-width:1280px (यानी 1280px से कम) का उपयोग करना होगा,

div {
  width: 100px;
  height: 100px;
  background: #111;
}

@media screen and (min-width: 720px) and (max-width: 1280px) {
  div {
    background: red;
  }
}
<div></div>

अपने ब्राउज़र को स्केल करें और div पृष्ठभूमि परिवर्तन देखें।

0
frnt 17 जून 2017, 08:04
मैं चाहता हूं कि यह न्यूनतम-ऊंचाई 720px है और न्यूनतम-चौड़ाई 1280px है
 – 
Ivory Fabian
17 जून 2017, 08:06
इस तरह आपकी स्टाइल 720px से उपयोगकर्ता स्क्रीन रिज़ॉल्यूशन तक चलती रहती है, इसके बजाय आप न्यूनतम से अधिकतम तक स्टाइल कर सकते हैं। या अलग-अलग मीडिया मीडिया स्क्रीन और (न्यूनतम-चौड़ाई: 720 पीएक्स) और फिर एक ही मीडिया स्क्रीन के रूप में परिभाषित करें और (न्यूनतम-चौड़ाई: 1280 पीएक्स)
 – 
frnt
17 जून 2017, 08:10
मुझे अंतर चाहिए जब ऊंचाई बदलना स्क्रीन रिज़ॉल्यूशन है चौड़ाई नहीं आप केवल चौड़ाई ही कह रहे हैं
 – 
Ivory Fabian
17 जून 2017, 08:12
इस jsFiddle को जांचें jsfiddle.net/juoqoy07 अगर दोनों शर्तें पूरी होती हैं तो केवल पृष्ठभूमि का रंग बदलता है, इसे स्केल करें और कोशिश करो।
 – 
frnt
17 जून 2017, 08:20

डेस्कटॉप सिस्टम पर, min-height जैसी मीडिया क्वेरी द्वारा माना जाने वाला आकार ब्राउज़र के सामग्री क्षेत्र का आकार होता है, न कि स्क्रीन का रिज़ॉल्यूशन। 1280x720 स्क्रीन वाला सिस्टम इस मीडिया क्वेरी में नियमों का उपयोग तब तक नहीं करेगा जब तक कि ब्राउज़र फ़ुल-स्क्रीन मोड में न हो, क्योंकि कुछ स्क्रीन का उपयोग ब्राउज़र टूलबार और स्क्रॉलबार, विंडो डेकोरेशन, टास्कबार (विंडोज़ पर) या के लिए किया जा रहा है। मेनूबार (macOS पर), आदि

0
duskwuff -inactive- 17 जून 2017, 08:17
तो मैं ऊंचाई के आधार पर मार्जिन कैसे दे सकता हूं
 – 
Ivory Fabian
17 जून 2017, 09:02
आप ऐसा कर सकते हैं। यह केवल ब्राउज़र सामग्री की ऊंचाई पर आधारित है, न कि स्क्रीन की ऊंचाई पर।
 – 
duskwuff -inactive-
17 जून 2017, 09:14