/ / ज़र्ब फंडेशन में संकल्प के अनुसार टेक्स्ट आकार बदलना - ज़र्ब-फाउंडेशन

ज़र्ब फंडेशन में संकल्प के अनुसार टेक्स्ट आकार बदलना - ज़र्ब-फाउंडेशन

फाउंडेशन अच्छा है, लेकिन मैं एक बात पूछना चाहता हूं, जब हम विभिन्न स्क्रीज़ res के साथ विभिन्न उपकरणों के लिए टेक्स्ट का आकार कैसे बदल सकते हैं। धन्यवाद।

उत्तर:

जवाब के लिए 0 № 1

फाउंडेशन 5 में इसके लिए कोई सीधा समर्थन नहीं है।

विभिन्न प्रस्तावों के लिए आपको अपने फ़ॉन्ट आकार को स्केल करने के लिए मीडिया प्रश्नों का उपयोग करना होगा। इसे लागू करने के कई तरीके हैं।

एक संभावित दृष्टिकोण निर्दिष्ट करना है font-size पिक्सेल में कंटेनर तत्व पर और फिर बाल तत्वों के आकार के लिए ईएमएस का उपयोग करें।

.homepage {

font-size: 16px;

@media #{$large-up} {
font-size: 20px;
}
}

.homepage p {
font-size: 1em;
}

.homepage small {
font-size: 0.75em; /* 12px on small and medium screens, 15px - on large */
}

यहां अन्य दृष्टिकोण उत्तरदायी फ़ॉन्ट आकार