2012-10-31 32 views
5

मैंने देखा है और ऐसा कोई अन्य पोस्ट नहीं दिखता है जो मैं ढूंढ रहा हूं, और मैं इस काम को करने के लिए समय सीमा पर हूं इसलिए देखते हैं कि मैं इसे समझा सकता हूं या नहीं बेहतर।100% हाइट्स बनाम ब्राउज़र ज़ूम

हमारे पास एक ड्रूपल साइट पर विकास में एक पृष्ठ है जो पैनलों और दृश्य स्लाइड शो का उपयोग करता है। बहुत सारे पूर्ण और निश्चित स्थिति तत्व हैं क्योंकि उन्हें पृष्ठ पर होने की आवश्यकता है। पृष्ठ को भरने के लिए मूल div को 100% की चौड़ाई और ऊंचाई की आवश्यकता होती है। इस बात को ध्यान में रखते हुए कि इस पृष्ठ का बिंदु स्क्रॉलबार नहीं है और उपयोगकर्ता को सब कुछ प्रस्तुत करना है, इससे कोई फर्क नहीं पड़ता कि वे किस स्क्रीन आकार पर हैं। तो मेरे पास मीडिया प्रश्न हैं जो तत्वों को साफ करते हैं जहां कुछ स्क्रीन आकारों की आवश्यकता होती है।

हालांकि जब कोई उपयोगकर्ता पृष्ठ में ज़ूम करने के लिए अपने ब्राउज़र का उपयोग करता है, तो तत्व एक-दूसरे के ऊपर स्थानांतरण और ढेर लगते हैं। मेरा मानना ​​है कि ऐसा इसलिए है क्योंकि 100% ऊंचाई/चौड़ाई विशेष रूप से विंडो आकार के लिए पालन कर रही है और जब उपयोगकर्ता ज़ूम करता है तो खिड़की से आगे नहीं बढ़ता है।

मैं 100% को हटाकर इसे ठीक करने में सक्षम था और उन्हें पिक्सल के साथ बदलना, लेकिन यह एक मुद्दा बन जाता है क्योंकि यदि स्क्रीन सही ऊंचाई या चौड़ाई नहीं है, तो आपके पास स्क्रॉलबार हैं और उपयोगकर्ता तुरंत पृष्ठ पर सब कुछ नहीं देखता है।

क्या कोई जावास्क्रिप्ट या कुछ भी है जो 100% ऊंचाई/चौड़ाई का उपयोग कर सकता है और उन्हें ब्राउज़र ज़ूम के दौरान पृष्ठ से आगे बढ़ने और स्क्रॉलबार चालू करने की अनुमति देता है?

ध्यान रखें कि यदि कोई उपयोगकर्ता ज़ूम कर रहा है, तो पेज के लिए यह ठीक है और स्क्रॉलबार दिखाने के लिए ठीक है, लेकिन डिफ़ॉल्ट स्क्रीन की अनुमति नहीं है।

मुझे आशा है कि यह दिखाने के लिए ठीक है लेकिन पूरे पृष्ठ को स्केल करने के लिए जावास्क्रिप्ट का उपयोग करने वाले एक पृष्ठ का एक उदाहरण है जो मैं खुद को देख सकता हूं लेकिन मुझे नहीं पता कि कैसे।

http://www.ammunitiongroup.com/

किसी भी मदद की सराहना की और तेज पाठ्यक्रम :) के बेहतर

+0

हम्म शायद उस लिंक वास्तव में मैं क्या चाहते हैं नहीं है। मैं खिड़की के आधार पर पृष्ठ की ऊंचाई और चौड़ाई को समायोजित करने की क्षमता चाहता हूं लेकिन उनकी साइट ठीक से ज़ूम नहीं करती है, इसलिए उपेक्षा करें। – Travis

+0

आप स्क्रॉलबार को किस ब्राउज़र में देख रहे हैं? – breezy

+0

@BeEasy इस समय कोई भी स्क्रॉलबार नहीं देख रहा है जो मुख्य मुद्दा है। यदि मैंने पेज ऊंचाई/चौड़ाई और निश्चित/पूर्ण तत्व सेट किए हैं, तो स्क्रॉलबार ज़ूम-इन के दौरान दिखाई देते हैं। हालांकि 100% ऊंचाई/चौड़ाई और निश्चित/पूर्ण तत्वों के साथ, कोई स्क्रॉलबार दिखाई नहीं देता है और सामग्री या तो पृष्ठ पर बनी होती है या स्पिल हो जाती है और आप इसे नहीं देख सकते हैं। मैं अतिप्रवाह लागू कर रहा हूं: ऑटो जहां कहीं भी फायदा नहीं हुआ। – Travis

उत्तर

0

यह मदद करनी चाहिए। आपको आधुनिक ब्राउज़र में ब्राउज़र ज़ूम स्तर का पता लगाने देता है। https://github.com/yonran/detect-zoom

उदाहरण पेज: http://htmldoodads.appspot.com/dimensions.html

+0

एफवाईआई: पता-ज़ूम फ़ायरफ़ॉक्स या क्रोम में अब काम नहीं करता है। – daniellmb