Wednesday, 15 February 2012

CSS: min-width and small screens -


मेरे सीएसएस में

  body {overflow-y: scroll; न्यूनतम चौड़ाई: 1024px; }   

मुझे क्या उम्मीद है? अगर स्क्रीन आकार 1024px से कम है, तो गोरिज़ोंटल स्क्रॉलबार हो जाएगा, और तत्व एक-दूसरे को शामिल नहीं करेंगे (1024px - न्यूनतम चौड़ाई, जिसके साथ मेरी साइट अपेक्षित रूप से सुंदर दिखती है)।

लेकिन जब मैं यह कुछ संकल्प परीक्षकों के साथ परीक्षण, यह वास्तव में पता चला है कि यह कुछ भी नहीं बदलता है।

क्यों?

आप body की सेटिंग कर रहे हैं इसका अर्थ है कि आपके न्यूनतम-चौड़ाई से कम नहीं छोटा हो सकता है।

आप शायद इसका उपयोग करना चाहते हैं।

उदाहरण के लिए:

सीएसएस

  @ मीडिया केवल स्क्रीन और (न्यूनतम-चौड़ाई: 1024px) {body {overflow-x: scroll; / * क्षैतिज * / / * अतिप्रवाह- y: स्क्रॉल; * / / * * Vertical * /}}   

यह हमें बताता है कि विंडो चौड़ाई छोटी तब 1024px है, फिर एक < कोड> अतिप्रवाह- y: body पर स्क्रॉल करें।

No comments:

Post a Comment