2011-06-02 9 views
46

मैं पेज ज़ूम करने के बारे में बात कर रहा हूं, बल्कि आईओएस पर मोबाइलसाफरी स्वचालित रूप से कभी-कभी कुछ फ़ॉन्ट आकारों को टक्कर देता है।आईओएस स्वचालित फ़ॉन्ट आकार समायोजन से कैसे बचें?

कब, बिल्कुल, क्या यह किया जाता है? क्या इसे रोका जा सकता है या निराश किया जा सकता है?

+0

हम्म ... मैं इस समस्या को भी हो रही है, लेकिन मैं सोच रहा हूँ, वहाँ टेक्स्ट आकार परिवर्तन के साथ काम करने का अच्छा तरीका है? मैं परेशान हूं क्योंकि यह मेरे बटन पर ओवरफ्लो पैदा कर रहा है, और मेरे इनपुट फ़ील्ड में टेक्स्ट काट रहा है। ऐसा लगता है कि यह अच्छा नुकसान कर रहा है, लेकिन शायद मैं कुछ गलत कर रहा हूं। इसे अक्षम करने के विरोध में किसी को इसके साथ काम करने में कोई सफलता मिलती है? – Costa

+0

इसके अलावा, क्या इसके लिए एंड्रॉइड नियम के लिए फ़ायरफ़ॉक्स है? – Costa

+1

@ कोस्टा मुझे नहीं पता। दो प्रश्न: (1) क्या कोई मोबाइल फ़ायरफ़ॉक्स सिम्युलेटर है? (2) क्या एमडीएन की कोई सहायक टिप्पणी है? कोई प्रश्न नहीं: (3) मुझे जानना अच्छा लगेगा, इसलिए जब आप इसे समझ लें तो यहां एक टिप्पणी छोड़ना सुनिश्चित करें! धन्यवाद! –

उत्तर

27

इसे ट्रैक करने में बहुत सारी परेशानी थी, लेकिन: यह -webkit-text-size-adjust सीएसएस में संपत्ति है।

Read more about it and other iOS-specific CSS here

मान:

  • (डिफ़ॉल्ट आकार का), उदा प्रतिशत 120%, या 100%
  • auto (डिफ़ॉल्ट)
  • none - अगर auto अपने पृष्ठ के लिए काम नहीं कर रहा। हालांकि यह अक्सर ज़ूमिंग के साथ समस्याओं का कारण बनता है। इसके बजाय 100% का उपयोग करें। उदाहरण के लिए, अपने डेस्कटॉप पर सफारी खोलें और पेज ज़ूम करें (कमांड-प्लस) - आपका टेक्स्ट बड़ा नहीं होगा, भले ही पूरा पृष्ठ ज़ूम हो गया हो! none का उपयोग न करें!

ध्यान दें कि इन्हें केवल पृष्ठ स्तर पर ही नहीं बल्कि तत्व/विजेट/कंटेनर स्तर पर लागू किया जा सकता है।

(मैं सिर्फ 100% के एक मूल्य अपनी वेबसाइट के लिए जब तक मैं लानत करें कि यह पहले से ही कभी नहीं छोटे स्क्रीन के लिए अनुकूलित किया गया था, और none के बाद से यह समस्याओं का कारण बनता था निर्दिष्ट नहीं होता।)


कृपया ध्यान दें कि में फ़ायरफ़ॉक्स मोबाइल (उदाहरण के लिए एंड्रॉइड और फ़ायरफ़ॉक्स ओएस के लिए) एक समान संपत्ति है, -moz-text-size-adjust, documented here। इसे इंगित करने के लिए कोस्टा के लिए धन्यवाद।


जाहिर है माइक्रोसॉफ्ट ने मोबाइल IE के लिए इस का एक संस्करण है: -ms-text-size-adjust

+0

मुझे पता है कि आप अंत में अपना जवाब स्वीकार करते हैं, अपने स्वयं के प्रश्न का उत्तर देने का कोई कारण है। जैसा कि आप पहले करते हैं http://stackoverflow.com/questions/4926951/is-there-an-equivalent-to-rails-flash -मेसेज-इन-जीए-पायथन/4964526 # 4964526, http://stackoverflow.com/questions/4130813/how-should-i-do-full-text-searching-on-app-engine/5072790#5072790 – sandeep

+19

I अपने आप को जवाब देने के लिए कभी भी एक प्रश्न * इरादा नहीं पूछें, लेकिन मेरे अपने उत्तर को स्वीकार करें * अगर और केवल अगर मैं इसे दर्शकों के लिए इंगित करने के लिए सबसे अच्छा मानता हूं। यदि आपको यह पसंद नहीं है, तो आप झुक सकते हैं। (इस मामले में, मैंने पंद्रह मिनट की खोज की, कुछ भी नहीं मिला, इस सवाल से पूछा, फिर तुरंत सही दस्तावेज मिला। कौन परवाह करता है? शुद्ध प्रभाव यह है कि मैं अच्छी जानकारी अधिक खोजने योग्य बना रहा हूं।) –

+0

मैं इसे ठीक करने के लिए संघर्ष कर रहा हूं इसी तरह की समस्या। इस जवाब में बहुत मदद मिली। – Rahul

77
body { 
    -webkit-text-size-adjust: 100%; 
} 

बस सुनिश्चित करें कि आपके सभी पाठ पहली जगह में एक पढ़ने योग्य आकार में है या नहीं। आईफोन और आईपॉड टच में एक छोटी सी स्क्रीन है, इसलिए इसे ध्यान में रखें।

+0

अरे एक लाख धन्यवाद। जब आपने अपना पोस्ट किया था तो मैंने अपना खुद का जवाब लिखना समाप्त कर दिया था। इसकी प्रशंसा करना। (जब मैंने प्रश्न पोस्ट किया था तो मैंने लगभग छोड़ दिया था) –

+0

@Alan: ओह! :) – BoltClock

+2

ऐप्पल के दस्तावेज़: http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-text-size- –

12

स्वीकार्य उत्तर काम करता है, लेकिन अन्य वेबकिट ब्राउज़र में यह ज़ूमिंग वाले लोगों के लिए font-size में लॉक करता है। का उपयोग करते हुए कोई भी के बजाय 100% दोनों तरीकों से काम करता है:

body { 
    -webkit-text-size-adjust: 100%; 
} 
+0

er, आपका कोड स्वीकृत उत्तर ('none') जैसा ही है जब आप' 100% 'का सुझाव दे रहे हैं?) –

+0

वैसे भी, मेरे स्वयं के स्वीकृत उत्तर को बदल दिया और आपके बिंदु पर जोर दिया, जिसे मैंने भी देखा है। हेड-अप के लिए धन्यवाद, डीसी-। –

+1

@ आलान एच .: बह, मैंने अपना जवाब संपादित किया। स्वीकृत आत्म-जवाब शीर्ष पर स्वचालित रूप से नहीं बढ़ते हैं, और मेरे पास अत्यधिक मतदान नहीं किया जाएगा लेकिन भ्रामक उत्तर नहीं होगा। – BoltClock

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