# # 22: लचीली छवियां (आंकड़े और आंकड़े) - सीएसएस-ट्रिक्स

Anonim

इससे पहले कि हम कुछ टाइपोग्राफी काम करते हैं, मैंने सोचा कि हम उस कष्टप्रद बात को ठीक करेंगे जहां चित्र लेख क्षेत्र और ग्रिड के बाहर बस्ट कर रहे हैं। इनलाइन छवि विशेषताओं और शैली को ओवरराइड करने के लिए कुछ सरल सीएसएस नियमों का उपयोग करके, हम सही आकार में हमारे पोस्ट में फिट होने के लिए छवियों को स्क्विश कर सकते हैं।

इस तरह की स्क्वीज़िंग छवियां बल्कि बिना उपयोग की हुई थीं क्योंकि ब्राउज़र ने आकार बदलने का एक बुरा काम किया था, लेकिन अब ऐसा नहीं है। यह वास्तव में एक अच्छा विचार है जैसा कि उच्चतर रिज़ॉल्यूशन प्राप्त हो रहा है, क्योंकि चित्र तेज होंगे।

आकार बदलने से अनिवार्य रूप से निपटा जाता है:

figure img ( max-width: 100%; height: auto !important; )

हम आंकड़े और अंदाजे बयां करते हैं, बस थोड़ा सा उन्हें देखने के लिए, आपको पता है, एक ब्लॉग पोस्ट में एक उचित आंकड़े की तरह।