2012-09-06 18 views
5

क्या मीडिया क्वेरी में निर्दिष्ट चौड़ाई devide स्क्रीन के आकार का प्रतिनिधित्व करती है या यह मोबाइल डिवाइस में ब्राउज़र की आंतरिक चौड़ाई है।सीएसएस मीडिया प्रश्न और तत्व चौड़ाई

यदि मैं मीडिया क्वेरी में परिभाषित min-width के समान तत्व चौड़ाई निर्दिष्ट करता हूं, तो क्या किसी क्षैतिज स्क्रॉलबार किसी बिंदु पर दिखाई देगा?

@media screen and (min-width: 460px) and (max-width: 800px){ 

    .wrapper{ 
     width: 460px; 
    } 
} 

अगर वह सही नहीं है, किस क्रम स्क्रॉल पट्टी से बचने के लिए .wrapper की अधिकतम चौड़ाई होना चाहिए:

उदाहरण के लिए

?

+0

शेयर अपने [jsfiddle.net] में उदाहरण (http://jsfiddle.net) –

+0

http://tripleodeon.com/2011/12/first-understand-your-screen/ और http://tripleodeon.com/wp-content/uploads/2011/12/table.html इससे आपकी मदद मिलेगी –

उत्तर

1

मीडिया प्रश्नों में W3C चौड़ाई अनुसार

'चौड़ाई' मीडिया सुविधा आउटपुट डिवाइस की लक्षित प्रदर्शन क्षेत्र की चौड़ाई का वर्णन है।

स्क्रीन के लिए यह ब्राउज़र विंडो की चौड़ाई होगी।

आप अपने स्क्रीनअप को डिवाइस स्क्रीन पर उत्तरदायी बनाने के लिए device-width सुविधा का उपयोग कर सकते हैं।

W3c विनिर्देश: http://www.w3.org/TR/css3-mediaqueries/#width

संबंधित मुद्दे