कुछ फ़ॉन्ट आकार का सफारी (आईफोन)

Question

पर बड़ा किया गया है क्या सीएसएस या अन्य कारण हैं कि सफारी/आईफोन कुछ फ़ॉन्ट-आकार सेटिंग्स को अनदेखा क्यों करेगा? आईफोन पर मेरी विशेष वेबसाइट सफारी पर कुछ फ़ॉन्ट-आकार प्रस्तुत करता है: फ़ॉन्ट आकार के मुकाबले 13 पीएक्स टेक्स्ट बड़ा: 15 पीएक्स टेक्स्ट। क्या यह शायद कुछ तत्वों पर फ़ॉन्ट आकार का समर्थन नहीं करता है?

Answer 1

जो की प्रतिक्रिया में इसमें कुछ अच्छे सर्वोत्तम प्रथाएं हैं, लेकिन मुझे लगता है कि आप जिस समस्या का वर्णन कर रहे हैं, वह इस तथ्य के आसपास केंद्रित है कि मोबाइल सफारी स्वचालित रूप से पाठ को स्केल करती है अगर ऐसा लगता है कि पाठ बहुत छोटा होगा। आप सीएसएस संपत्ति -webkit-text-size-adjust के साथ इसके आसपास हो सकते हैं। यहां केवल iPhone के लिए अपने शरीर को यह लागू करने के लिए का एक नमूना है,:

@media screen and (max-device-width: 480px){ 
    body{ 
    -webkit-text-size-adjust: none; 
    } 
} 

Answer 2

मैं अब पिक्सेल परिभाषाओं का उपयोग नहीं करता क्योंकि वे वास्तव में भ्रमित हैं और दृश्य सेवाओं में बिल्कुल समान नहीं हैं।

मिलिए इकाइयों

1. "एम्स" (उन्हें): "उन्हें" एक स्केलेबल इकाई है कि वेब दस्तावेज़ मीडिया में प्रयोग किया जाता है। एक एम वर्तमान फ़ॉन्ट आकार के बराबर है, उदाहरण के लिए, यदि दस्तावेज़ का फ़ॉन्ट आकार 12pt है, तो 1em 12pt के बराबर है। ईएमएस प्रकृति में स्केलेबल हैं, इसलिए 2em 24pt के बराबर होगा, .5em 6pt के बराबर होगा, आदि स्केलेबिलिटी और उनके मोबाइल-डिवाइस-फ्रेंडली प्रकृति के कारण वेब दस्तावेज़ों में ईएमएस तेजी से लोकप्रिय होते जा रहे हैं।
2. पिक्सल (पीएक्स): पिक्सल निश्चित आकार वाली इकाइयां हैं जिनका उपयोग स्क्रीन मीडिया में किया जाता है (यानी कंप्यूटर स्क्रीन पर पढ़ने के लिए)। एक पिक्सेल कंप्यूटर स्क्रीन पर एक बिंदु के बराबर है (आपकी स्क्रीन के रिज़ॉल्यूशन का सबसे छोटा विभाजन)। कई वेब डिज़ाइनर वेब दस्तावेज़ों में पिक्सेल इकाइयों का उपयोग करते हैं ताकि वे अपनी साइट के पिक्सेल-परिपूर्ण प्रतिनिधित्व को ब्राउज़र में प्रस्तुत कर सकें। पिक्सेल इकाई के साथ एक समस्या यह है कि यह दृष्टिहीन-अक्षम पाठकों या नीचे के मोबाइल उपकरणों के अनुकूल होने के लिए ऊपर की ओर स्केल नहीं करता है।
3. अंक (पीटी): पारंपरिक रूप से प्रिंट मीडिया में अंक का उपयोग किया जाता है (कुछ भी जो कागज़ पर मुद्रित किया जाता है)। एक बिंदु एक इंच के 1/72 के बराबर है। अंक पिक्सल की तरह हैं, जिसमें वे निश्चित आकार की इकाइयां हैं और आकार में स्केल नहीं कर सकते हैं।
4. प्रतिशत (%): प्रतिशत इकाई "एम" इकाई की तरह है, कुछ मौलिक मतभेदों के लिए बचाओ। सबसे पहले और सबसे महत्वपूर्ण, वर्तमान फ़ॉन्ट आकार 100% के बराबर है (यानी 12pt = 100%)। प्रतिशत इकाई का उपयोग करते समय, आपका टेक्स्ट मोबाइल उपकरणों और पहुंच के लिए पूरी तरह से स्केलेबल रहता है।

Answer 3

मैं एक ही समस्या थी, मूल सीएसएस में पता चला है इस लाइन थी:

-webkit-पाठ आकार समायोजित करें: 120%;

मुझे इसे 100% में बदलना पड़ा, और सब कुछ चिकना था। सभी पीएक्स को एम या %% में बदलने की जरूरत नहीं है।

Answer 4

इसके अलावा, सुनिश्चित करें कि आप अपने व्यूपोर्ट में 1 के लिए प्रारंभिक ज़ूम सेटिंग सेट कर रहे हैं मेटा टैग बनाने:

<meta name="viewport" content="width=device-width; initial-scale=1.0;" /> 

Answer 5

Use 100% instead of None.

normalize.css, इस