विभिन्न मोबाइल और टैबलेट स्क्रीन की चौड़ाई में ब्राउज़र का आकार बदलते समय, फ़ॉन्ट ठीक पठनीय और काफी बड़ा लगता है, लेकिन जब मैं अपने टैबलेट पर वेबसाइट की जांच करता हूं तो फ़ॉन्ट छोटा लगता है और पर्याप्त पठनीय नहीं होता है।
मैंने सोचा था कि ब्राउज़र एक वास्तविक संकेतक है कि छोटे स्क्रीन उपकरणों में वेबसाइट कैसी दिखनी चाहिए, लेकिन ऐसा नहीं लगता है, क्योंकि मेरी टैबलेट स्क्रीन में फ़ॉन्ट छोटा दिखता है।
तो छोटे उपकरणों पर फ़ॉन्ट को ब्राउज़र के समान क्यों नहीं दिखाया जाता है जब समान आकार में आकार दिया जाता है ??
1 उत्तर
व्यूपोर्ट मेटा टैग ब्राउज़र को बताता है कि आपकी साइट प्रतिक्रियाशील है और ब्राउज़र को आपकी साइट को वास्तविक पिक्सेल के बजाय डिवाइस पिक्सेल में स्केल करने की अनुमति देता है। यह अधिक प्राकृतिक आकार में स्क्रीन पर बड़ी दिखाई देने वाली सामग्री के साथ एक संकीर्ण व्यूपोर्ट का अनुकरण करना चाहिए। यह टैग आपकी HTML फ़ाइल के head अनुभाग में रखा जाना चाहिए।
<meta name="viewport" content="width=device-width, initial-scale=1.0">