2011-12-26 18 views
5

पर आनुपातिक रूप से फ़ॉन्ट आकार का आकार कैसे बदलें मैं एक वेबसाइट बनाने की कोशिश कर रहा हूं जहां पृष्ठ फ्लाई पर विंडोज़ आकार में आकार बदलते हैं। जबकि हम छवियों को प्राप्त कर सकते हैं और जैसे कि div आकार के% के रूप में स्वचालित रूप से आकार बदल सकते हैं। हम कंटेनर के सापेक्ष% में एक div के भीतर पाठ का आकार बदलने में सक्षम नहीं प्रतीत होते हैं।div आकार

इस सुविधा को पृष्ठ को रीफ्रेश किए बिना ब्राउज़र विंडो का आकार बदलना होगा।

साइट मूल है और जेएस, सीएसएस, एचटीएमएल का उपयोग कर रही है। सबसे सरल विधि की सराहना की जाएगी, लेकिन कोई समाधान शानदार है।

धन्यवाद

+0

क्या आप अपना कोड पोस्ट कर सकते हैं ताकि मैं यह आपके लिए काम करने की कोशिश कर सकूं? दुर्भाग्यवश –

उत्तर

0

टेक्स्ट के लिए भी% का उपयोग करें। http://w3schools.com/cssref/css_units.asp

+0

दुर्भाग्य से यह काम नहीं करता है क्योंकि फ़ॉन्ट-आकार के साथ यह इसे "मूल आकार के फ़ॉन्ट आकार के प्रतिशत में फ़ॉन्ट-आकार सेट करता है" के रूप में सेट करता है। मुझे इसे मूल तत्व का% होना चाहिए। लेकिन मैं सुझाव की सराहना करता हूं। – user1116779

+0

यदि आप div चौड़ाई के लिए% आयु का उपयोग कर रहे हैं। तो यह स्वचालित रूप से पाठ को भी समायोजित करता है। –

1

मीडिया प्रश्नों का उपयोग करने के बारे में कैसे?

2

div आकार परिवर्तन पर फ़ॉन्ट आकार समायोजित करने के लिए कुछ उदाहरण छीन लिया। पैरेंट div में प्रतिशत का उपयोग करके और फ़ॉन्ट आकार को समायोजित करने के लिए चाल चलनी चाहिए।

http://jsfiddle.net/744A2/

2

तो तुम एक निरंतर मूल्य जो आप फ़ॉन्ट आकार के साथ गुणा कर सकते हैं गणना करने के लिए उपयोग कर सकते हैं screen.availHeight।

window.onload = function() { 
    document.body.style.fontSize = (Math.ceil(screen.availHeight * parseInt(document.body.style.fontSize)/600) + 'px'; 
} 
संबंधित मुद्दे