html - ब्राउज़र 400px से नीचे नहीं है?




css layout (8)

nayan9 का समाधान बहुत अच्छा काम करता है, और एक HTML फ़ाइल बनाने के बिना एक बुकमार्क में डाल दिया जा सकता है। क्रोम में, यूआरएल के साथ एक नया बुकमार्क बनाएं:

javascript:(function(){window.open('ANY_URL', '','width=320,height=480');})();

और इसे "ओपन स्मॉल विंडो" या कुछ इसी तरह का नाम दें। यह आपको क्रोम के भीतर आकार प्रतिबंधों के बिना आसानी से विंडोज़ खोलने की अनुमति देगा। ध्यान दें कि इसे सिर्फ आपके पता बार में कॉपी करने से काम नहीं होगा - क्रोम "जावास्क्रिप्ट:" बाहर स्ट्रिप्स करता है।

मैं एक तरल स्टाइल शीट को एक साथ रखने पर काम कर रहा हूं और यह अद्भुत काम करता है। एक बात जो मैंने देखा है वह है कि क्रोम में मेरी ब्राउजर विंडो 400 पीएक्स से नीचे नहीं बदलेगी, यह सिर्फ वहां फंस जाती है और एफएफ में जब मैं इसे स्केल करता हूं तो यह लगभग 400 पीएक्स पर बंद हो जाता है और फिर क्षैतिज स्क्रॉल बार पॉप करता है।

जब मैं अपने फोन पर साइट खोलता हूं तो यह लगभग 320px पर सही दिखता है, इसलिए मुझे पता है कि यह 400px से कम स्केल करता है।

अगर कोई जानता था कि यह ब्राउज़र / डेस्कटॉप चीज है या मुझे अपने सीएसएस के अलावा कुछ और देखना चाहिए तो मैं उत्सुक था। मेरे पास कोई न्यूनतम चौड़ाई घोषणा नहीं है इसलिए मुझे यकीन नहीं है कि इसका कारण क्या हो सकता है।

फिर डेस्कटॉप पर यह लगभग 400px की न्यूनतम चौड़ाई तक गिर जाता है और बंद हो जाता है, लेकिन जब मैं इसे अपने फोन पर खोलता हूं तो यह फोन स्क्रीन के आकार के लिए स्केल करता है जो लगभग 320px है ... उत्सुक क्यों कम से कम यह जीत गया डेस्कटॉप पर 320px तक स्केल नहीं है।

-edit- मुझे यह भी यकीन नहीं है कि यह मायने रखता है लेकिन ओपेरा इसे बहुत अधिक तक सीमित करने की अनुमति देता है ... तो यह ओपेरा के साथ काम करता है और क्रोम या एफएफ में नहीं ... कोई विचार?


एक और आसान समाधान गुप्त मोड दर्ज करने के लिए स्ट्रग + शिफ्ट + एन पर क्लिक करना है। आप अपनी ब्राउज़र विंडो को अपनी पसंद के अनुसार आकार बदल सकते हैं।


क्रोम में शीर्ष दाएं कोने में आपके एडॉन्स के आइकन समस्या का कारण बनते हैं

-> एड्रेस-बार का आकार बदलें (जहां आप यूआरएल टाइप करते हैं) अधिकतम चौड़ाई तक (दाईं तरफ दाएं किनारे पर बार खींचें)

या आइकन अक्षम करें


ज़ूमिंग का उपयोग करके बहुत से स्मार्ट फ़ोन पेज को अपने स्क्रीन आकार में फिट करने के लिए स्केल करते हैं। आपकी न्यूनतम पृष्ठ चौड़ाई शायद 400px है। किसी भी उदाहरण कोड के बिना, मुझे लगता है कि यह सब कुछ कहा जा सकता है।


मैं आलसी हूं, इसे और भी आसान बनाने के लिए, बुकमार्कलेट उपयोगकर्ता को आकार के लिए पूछने दें :- डी

javascript: (function() {var width = prompt('Enter window width:', '320');var height = prompt('Enter window height:','480');var url = prompt('Enter window URL');if (url.indexOf(':') < 0) {url = 'http://'+url;} window.open(url, '','width='+width+',height='+height);})()

मैं भी स्टंप किया गया था लेकिन एक साधारण समाधान के साथ समाप्त हो गया। मैंने अभी एक नई विंडो खोलने के लिए एक लिंक के साथ एक HTML फ़ाइल बनाई है:

<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>

इस नई विंडो में पता बार के अलावा कुछ भी नहीं है और क्रोम मुझे इसे आसानी से 111x80 तक आकार देने देता है।


यदि आप अलग-अलग उपकरणों को अनुकरण करने के लिए अपनी स्क्रीन चौड़ाई को कम करना चाहते हैं (और आप इसे और क्यों करना चाहते हैं?):

क्रोम के पास अब अपने इंस्पेक्टर में एक इम्यूलेशन सेक्शन है, जो शीर्ष मेन्यूबार (आवर्धक ग्लास और एलिमेंट्स के बीच) में छोटे फोन आइकन पर क्लिक करके सक्रिय है:

इम्यूलेशन मोड आपको व्यूपोर्ट आकार को सभी सामान्य मोबाइल स्क्रीन आकारों में सेट करने की इजाजत देता है, अन्य अच्छी सुविधाओं के साथ, जैसे स्पर्श, भौगोलिक स्थान और यहां तक ​​कि एक्सेलेरोमीटर इनपुट:


यह आपके ब्राउज़र पर इंस्टॉल किए गए एडॉन्स के कारण हो सकता है। टूल बार से सभी एडन आइकॉन को हटाएं या छुपाएं और पुनः आकार आज़माएं। जब एडॉन्स ब्राउज़र होते हैं तो पता बार का आकार बदलता है और एडॉन्स को दृश्यमान रखता है।

अद्यतन: 7/14/2013

नवीनतम क्रोम संस्करण के साथ, अब आप पता बार को फिर से आकार दे सकते हैं और यह स्वचालित रूप से एडॉन्स को छुपाएगा।





liquid-layout