javascript - Flexible Font Size for fixed width and height -

मुझे अपने प्रत्येक & lt; p & gt; को निश्चित चौड़ाई के साथ लचीला फ़ॉन्ट आकार और ऊंचाई।

वर्तमान कोड

सीएसएस

  पी {width: 500px; ऊँचाई: 100px; पृष्ठभूमि रंग: # f0f0f0; मार्जिन: 10px; गद्दी: 5px; font-size: 24px; }   
 एचटीएमएल  
  & lt; p & gt; उत्तरदायी विज्ञापन ड्यूस फायरटा क्वेस्ट्स फोर्ट्स लार्नेट सबसे महत्वपूर्ण बात यह है कि, इस तरह के रूप में एक ही स्थान पर आ रहे हैं इस वेबसाइट पर विज्ञापन दें ड्यूस फायरटा क्वेस्ट्स फोर्ट्स लार्नेट सबसे महत्वपूर्ण बात यह है कि, इस तरह के रूप में एक ही स्थान पर आ रहे हैं अर्धशतक ड्यूस फायरटा क्वेस्ट्स फोर्ट्स लार्नेट निचले स्तर के रंगों के साथ, फॉसीबस साइट एंट और एसी के साथ, विभिन्न प्रकार के एआरओ। & Lt; / p & gt; & Lt; br & gt; & lt; br & gt; & lt; br & gt; & Lt; br & gt; & lt; br & gt; & lt; br & gt; & Lt; p & gt; विज्ञापन के लिए विज्ञापन ड्यूस फायरटा क्वेस्ट्स फोर्ट्स लार्नेट नीचे दिए गए शब्दों के बारे में बताएं, फ़ॉज़िबस एट एट, एफ़ एसी, एल्ग्स एडी, एफआईसीबीएस एट एसी, एफआईसीबीएस एट एएसी, एफएआईआईडीएडी एआरओ। & Lt; / p & gt; & Lt; br & gt; & lt; br & gt; & lt; br & gt; & Lt;! - यह एकदम सही है - & gt; & Lt; p & gt; विज्ञापन के लिए विज्ञापन ड्यूस फायरटा क्वेस्ट्स फोर्ट्स लार्नेट निचले स्तर के रंगों के साथ, फॉसीबस साइट एंट और एसी के साथ, विभिन्न प्रकार के एआरओ। & Lt; / p & gt;   
 कोड को jsfiddle में देखें  
  
 और यह वह आउटपुट जिस पर मैं पहुंचना चाहता हूं  
  
 
 
 सामान्य विचार को  अतिप्रवाह: छिपी  प्राप्त करना है, तब तक टेक्स्ट को सिकुड़ते रहें  scrollHeight   offsetHeight  से कम है। जैसे:  <प्री>  []। ForEach.call (document.getElementsByTagName ('p'), फ़ंक्शन (पी) {p.style.overflow = "hidden" var; f = 24; (एफ & gt; 6 & amp; amp; पी। स्क्रॉल हेइट & gt; पी। ओफ़सेट हैइट) {एफ--; p.style.fontSize = f + "px";}});