आईफोन/आईपॉड - फ़ॉन्ट आकार बदलने-बदलने को रोकें

Question

मैं सोच रहा था कि निम्नलिखित व्यवहार को रोकने के लिए संभव है: मुझे एक * .css फ़ाइल मिली है जिसमें मैं अपने मोबाइल-वेब-ऐप के फ़ॉन्ट आकार को परिभाषित करता हूं ।

एचटीएमएल, शरीर { फ़ॉन्ट आकार: 16 पीएक्स! महत्वपूर्ण; }

मैंने अपनी फ़ाइलों में किसी अन्य फ़ॉन्ट-आकार विशेषताओं का उपयोग नहीं किया। अब, जब मैं लैंडस्केप मोड में बदल जाता हूं, तो फ़ॉन्ट-आकार में परिवर्तन होता है। मैं इस व्यवहार को कैसे रोक सकता हूं या उसका उपयोग कैसे कर सकता हूं। क्या मुझे @media screen and (max-width: x px) { } का उपयोग करना है या क्या कोई अन्य तरीका है?

साझा करने के लिए धन्यवाद।

Answer 1

आपको अतिरिक्त चयनकर्ताओं का उपयोग करने की आवश्यकता हो सकती है लेकिन निम्नलिखित को चाल चलनी चाहिए।

html,body { -webkit-text-size-adjust:none; } 

ताकि इस नियम, वेबकिट डेस्कटॉप ब्राउज़र (क्रोम, सफारी और जल्द ही ओपेरा) में टेक्स्ट आकार परिवर्तन नहीं रोकता है तो जैसे वांछित उपकरणों को लक्षित एक सीएसएस मीडिया क्वेरी में लपेट:

/* iPhone, portrait & landscape. */ 
@media all and (max-device-width: 480px) { 
    html,body { -webkit-text-size-adjust:none; } 
} 
/* iPad, portrait & landscape. */ 
@media all and (min-device-width: 768px) and (max-device-width: 1024px) { 
    html,body { -webkit-text-size-adjust:none; } 
}