2011-10-26 11 views
13

अधिकांश वेबसाइटों में, जबकि मैं ब्राउज़र के ज़ूम स्तर को बदलता हूं, फ़ॉन्ट आकार भी बढ़ेगा और उपयोगकर्ता को उन्हें देखने में सहायता करेगा। कुछ कारणों से, यह मेरी नई वेबसाइट पर काम नहीं करेगा। जबकि मैं ब्राउज़र के ज़ूम स्तर को बदलता हूं, सबकुछ बदलता है लेकिन सभी फ़ॉन्ट आकार समान रहते हैं। क्या कोई सीएसएस या एचटीएमएल संपत्ति है जिसका उपयोग मैं इस व्यवहार को नियंत्रित करने के लिए कर सकता हूं? http://ca.skywatcher.com/index.phpब्राउज़र ज़ूम इन के साथ फ़ॉन्ट आकार क्यों नहीं बदलेगा?

+2

क्या आप नमूना HTML दे सकते हैं? –

+2

@ क्योंकि हर कोई आपकी साइट को जिस तरह से देखता है उसे ब्राउज़ करने में सक्षम नहीं है। यह दृष्टि की समस्याओं या कई अन्य कारणों वाले लोगों के लिए पहुंच के बारे में है। –

+1

@JamWaffles हमें यह बताने के लिए धन्यवाद कि आपको क्या रूचि नहीं है। मैं कल्पना कर सकता हूं कि उपयोगकर्ताओं को मेरी वेबसाइट पर टेक्स्ट को एक बहुत ही महत्वपूर्ण विशेषता के रूप में पढ़ने के लिए ज़ूम इन करने दें, लेकिन आपने मुझे अपने तरीकों की त्रुटियां दिखाईं हैं। – jball

उत्तर

25

समस्या यह है कि आपने में शरीर के लिए -webkit-text-size-adjust: none; सेट किया है। इसे -webkit-text-size-adjust: auto; पर बदलना पृष्ठ के साथ फ़ॉन्ट्स को ज़ूम करने की अनुमति देता है।

संपादित करें: सीएसएस को सही किया गया। auto0

+2

अच्छा खोज! यह बताता है कि फ़ायरफ़ॉक्स के साथ समस्या क्यों नहीं होती है। यहां '-webkit-text-size-adjust' पर एक आलेख दिया गया है: http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – jdigital

+0

@jdigital हाहा, मैं बस उसे पढ़ रहा था । मैं जानना चाहता था कि यह भी क्यों काम करता है। – Lycha

+0

यह काम करता है, बहुत बहुत धन्यवाद !! – lucemia

9

एक विशिष्ट पिक्सेल आकार का उपयोग करते हुए फ़ॉन्ट्स रिश्तेदार (कई अन्य लोगों के साथ) नहीं हैं: धन्यवाद

यहाँ एक उदाहरण है। ज़ूमिंग परिवर्तन जो सापेक्ष जानकारी।

http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html

Name  Abbrev. Explanation        Relative? 
em   em  The height of a font     yes 
ex   ex  The height of the letter x in a font yes 
pica  pc  1 pica is 12 points      no 
point  pt  1/72 of an inch       no 
pixel  px  One dot on a screen      no 
millimeter mm  Printing unit       no 
centimeter cm  Printing unit       no 
inch  in  Printing unit       no 
+3

फ़ॉन्ट के लिए निर्दिष्ट इकाइयों के बावजूद, आधुनिक ब्राउज़र सबकुछ ज़ूम करेंगे। @Lycha – jdigital

+0

@jdigital Strange से जवाब देखें ... मैं अब कुछ दिनों पहले जो देखा है उसे पुन: उत्पन्न नहीं कर सकता ... (मुझे याद है कि मैंने जांच की है कि डेवलपर टूल्स में कम्प्यूटटेड स्टाइल में कोई-वेब प्रविष्टि नहीं है जब ज़ूम काम नहीं करता था)। और अब साइटें ज़ूम ठीक हैं ... आप मेरी पिछली टिप्पणी पर अपनी टिप्पणी हटा सकते हैं और मैं इसे हटा दूंगा। – netvope

1

आप अपने font-size सेटिंग्स के लिए एक निश्चित बिंदु चौड़ाई (उदा .: पिक्सल) उपयोग कर रहे हैं, फिर अपना फ़ॉन्ट आकार जब उपयोगकर्ता ज़ूम यथावत रहेगा। यदि आप चाहते हैं कि जब उपयोगकर्ता ज़ूम इन/आउट करता है तो फ़ॉन्ट को बड़ा या छोटा करना चाहते हैं, तो em का उपयोग अपनी इकाई के रूप में करें (उपयोगकर्ता की मशीन पर डिफ़ॉल्ट फ़ॉन्ट आकार का 1 em = 100%)।

+0

ज़ूमिंग फ़ॉन्ट आकार को भी बदलता है। – k3liutZu

संबंधित मुद्दे