CSS3 ओवरफ्लोइंग

Question

के बिना फ़ाइल तत्व के लिए जितना संभव हो उतना बड़ा टेक्स्ट बनाएं IOS के लिए एक फोनगैप ऐप बना रहा हूं, और मेरे पास एक <p> टैग है, जिसकी सामग्री पूरी तरह से एक पंक्ति होनी चाहिए।

इन तत्वों में डिवाइस की पूरी चौड़ाई कम बाहरी पैडिंग से कम है। मैं चाहता हूं कि पाठ के लिए अगली पंक्ति में लपेटे बिना जितना संभव हो सके फ़ॉन्ट आकार को बड़े पैमाने पर स्केल करने के लिए, इलिप्सिस द्वारा कटऑफ किए बिना या फिसलने या बहने के बिना।

अब तक मैं इसे फ़ॉन्ट आकार (जो किया जा सकता है - केवल 10 डिवाइसों के बारे में सोचने के लिए) सेट करके इसे पूरा कर सकते हैं, लेकिन मेरे पास आईओएस UIWeview डिस्प्ले मेरे लिए यह आंकड़ा होगा।

क्या सीएसएस के साथ इसे हासिल करना संभव है?

Answer 1

सीएसएस के साथ ही, आप फ़ॉन्ट आकार की स्थापना अंतरिक्ष को भरने के लिए द्वारा प्राप्त कर सकते हैं इस का उपयोग कर व्यूपोर्ट इकाइयों, लेकिन अब व्यूपोर्ट की चौड़ाई के आधार पर पाठ का आकार उत्तरदायी साथ।

p { 
    font-size: 7vw; //set to the preferred size based on length of text 
} 

यहाँ VW इकाइयों का उपयोग कर एक सरल डेमो है: http://caniuse.com/#feat=viewport-units

तुम भी देख सकते हैं: https://jsfiddle.net/gmattucc/mh3rsr0o/

आप अगर VW, VH इकाइयों डिवाइस में समर्थित हैं आप लक्षित कर रहे जाँच करने के लिए होगा अधिक जानने के लिए इस आलेख को देखें: https://css-tricks.com/viewport-sized-typography/