यदि वेब पेज ब्राउज़र विंडो में फिट नहीं होता है तो आप क्या कर सकते हैं
- श्रेणी: इंटरनेट
कुछ वेबसाइट और पेज जो मैं पूरे दिन में देखती हूं, टूट जाते हैं अगर मैं उन्हें एक ब्राउज़र विंडो में लोड करता हूं जो मॉनिटर के कुल स्क्रीन आकार का आधा है। मैं एक 1920x1200 मॉनिटर का उपयोग करता हूं और दो ब्राउज़र विंडो को एक साथ प्रदर्शित करता हूं।
इसका एक प्रमुख उदाहरण है वर्डप्रेस प्लगइन निर्देशिका। जब मैं इसे खोलता हूं, तो मुझे बाईं ओर साइडबार दिखाई देता है लेकिन कोई मुख्य सामग्री नहीं है। संपूर्ण सामग्री क्षेत्र रिक्त है, और मुझे इसे तह के नीचे खोजने के लिए नीचे स्क्रॉल करना होगा।
खिड़की की चौड़ाई बढ़ाने के लिए आकार बदलने का एक छोटा सा काम करता है और सामग्री को उसके सही स्थान पर प्रदर्शित किया जाता है।
यह कष्टप्रद है, क्योंकि विंडो को आकार देने का अर्थ है कि यह दूसरी ब्राउज़र विंडो को ओवरलैप करता है।
यह एकमात्र वेबसाइट या वेब पेज नहीं है, जो हालांकि टूट गया है। जब मैं वेब ब्रोकरेज साइट खोलता हूं Flippa उदाहरण के लिए फ़ायरफ़ॉक्स में, मैं केवल आपके खोज साइडबार मेनू को गुना के ऊपर परिशोधित करता हूँ।
किसी कारण से, यह यहां पूरी चौड़ाई में प्रदर्शित होता है, और वास्तविक वेबसाइटों को परिणाम के रूप में गुना से नीचे प्रदर्शित किया जाता है। अब, यह केवल फ़ायरफ़ॉक्स में और Google क्रोम में नहीं बल्कि गूगल के ब्राउज़र में लेआउट ठीक काम करता है एक मुद्दा प्रतीत होता है।
मैंने पहले सोचा था कि मैंने किसी तरह उन पन्नों पर पेज ज़ूम को बदल दिया था, लेकिन यह मामला नहीं निकला। मैंने फ़ायरफ़ॉक्स के पेज ज़ूम विजेट को टूलबार में स्थानांतरित कर दिया और इसने उनमें से प्रत्येक के लिए 100% का ज़ूम स्तर प्रदर्शित किया।
समस्या को ठीक करना
यहां कुछ सुझाव दिए गए हैं जो आपको ब्राउज़र विंडो के आकार को बदलने के बिना उन प्रदर्शन मुद्दों को ठीक करने की अनुमति देते हैं।
1. पृष्ठ ज़ूम स्तर बदलें
यह शक के बिना सबसे आसान विकल्प है। आपको बस अपने कीबोर्ड पर Ctrl-की को दबाए रखना है और अपने ब्राउज़र के ज़ूम स्तर को बदलने के लिए माउस व्हील को ऊपर या नीचे ले जाना है।
सभी आधुनिक ब्राउज़र केवल उस स्तर पर लागू होते हैं जिस डोमेन पर आप हैं, और आपके द्वारा खोले गए अन्य डोमेन और साइटों पर नहीं।
एक एकल फ़्लिक डाउन आमतौर पर आपकी पसंद के ब्राउज़र में पृष्ठ को ठीक से प्रदर्शित करने के लिए पर्याप्त है।
ध्यान दें कि सामग्री परिणाम के रूप में छोटी दिखाई देगी।
2. एक्सटेंशन
फ़ायरफ़ॉक्स उपयोगकर्ता स्थापित कर सकते हैं उत्कृष्ट ज़ूम पेज एक्सटेंशन 'फिट टू पेज' विकल्प के साथ कौन से जहाज आप किसी भी पेज को ब्राउजर विंडो में सिर्फ एक क्लिक में फिट कर सकते हैं।
इसका उपयोग करने के लिए, बस अपने कीबोर्ड पर Shift-key दबाए रखें और ब्राउज़र टूलबार में ऐड-ऑन स्थानों पर आइकन पर क्लिक करें।
क्रोम उपयोगकर्ता इसका उपयोग कर सकते हैं झूमता हुआ विस्तार इसके बजाय जो ब्राउज़र विंडो और रिज़ॉल्यूशन के आकार के आधार पर ज़ूम स्तर को बदलता है।
3. सीएसएस को ठीक करें
आप ब्राउज़र एक्सटेंशन स्टाइलिश या तुलनीय ऐड-ऑन की सहायता से अधिकांश वेबसाइटों में स्थायी परिवर्तन कर सकते हैं।
मुद्दा सुरुचिपूर्ण है, क्योंकि यह पाठ फ़ॉन्ट आकार नहीं बदलेगा। नकारात्मक पक्ष यह है कि आपको इसका उपयोग करने के लिए CSS जानने की आवश्यकता है।
उदाहरण के लिए फ़ायरफ़ॉक्स में वर्डप्रेस प्लगइन निर्देशिका साइट को ठीक करने के लिए, आप निम्न कार्य करेंगे:
- इंस्टॉल स्टाइलिश ।
- फ़ायरफ़ॉक्स की डेवलपर टूल विंडो खोलने के लिए वर्डप्रेस प्लगइन निर्देशिका खोलें और F12 को हिट करें।
- या तो कोड के माध्यम से मैन्युअल रूप से जाएं, या ठीक से प्रदर्शित नहीं होने वाले तत्व पर क्लिक करने के लिए इंस्पेक्टर का उपयोग करें। इस साइट के मामले में, यह मुख्य निकाय क्षेत्र है। (इसके लिए डेवलपर टूल विंडो में 'इस पृष्ठ से एक तत्व चुनें' बटन पर क्लिक करें।
- आपको .col-10 मिलेगा, जिसका आकार 772px है। यदि आप मान को 720px में बदलते हैं, तो आप देखेंगे कि पृष्ठ अब ठीक दिखाता है।
- अब जब आप जानते हैं कि क्या बदलना है, तो स्टाइलिश आइकन पर क्लिक करें और वर्डप्रेस के लिए लिखें नई शैली -> चुनें।
- यहां आप बस स्टाइल की जानकारी कॉपी करें और बाद में नए स्टाइल को सेव करें।
जब भी आप इसे स्टाइलिश स्थापित करते हैं और नई शैली लोड की जाती है, तब तक परिवर्तन वेब पेज पर लागू होते हैं।
के लिए स्टाइलिश भी उपलब्ध है गूगल क्रोम ।