# 131 - डेस्कटॉप के लिए स्लाइडर ऊंचाई सीमित करना - सीएसएस-ट्रिक्स

Anonim

जब ब्राउज़र विंडो बड़ी हो जाती है, तो मुखपृष्ठ के शीर्ष पर स्थित स्लाइडर हास्यास्पद रूप से बड़ा हो जाता है। यह एक मोबाइल पहली श्रृंखला है, लेकिन चूंकि स्लाइडर का मोबाइल संस्करण पहले से ही अच्छी तरह से काम कर रहा है (शायद हमें छोटी छवियों को लोड करना चाहिए, लेकिन कार्यात्मक रूप से यह अच्छा है) अब हम इसे डेस्कटॉप के लिए बेहतर बनाने पर ध्यान केंद्रित कर सकते हैं।

कुछ सरल सीएसएस के साथ, हम इसकी ऊंचाई (शाब्दिक रूप से सेटिंग max-height) को सीमित कर सकते हैं । लेकिन हम चौड़ाई को सीमित करके भी ऊंचाई को सीमित कर सकते हैं, क्योंकि यह पहलू अनुपात रखता है। फिर अगर हम ओवरफ्लो को दोनों तरफ से जाने देते हैं, तो हमें बड़ी स्क्रीन पर एक अच्छा स्लाइडर अनुभव मिलता है।