2010-12-27 10 views
6

के लिए एचटीएमएल 5 CSS3 में छवियों का स्वत: आकार बदलें मैं आईपैड के लिए एक कस्टम ऐप बना रहा हूं और वेबकिट विशिष्ट कोड का उपयोग कर सकता हूं। मुझे एक विशिष्ट div कंटेनर के भीतर फिट करने के लिए गतिशील आकार बदलने वाली छवियों में कठिनाई हो रही है। क्या ऐसा करने के लिए कोड है? छवि चित्र या परिदृश्य है, तो एक मुखौटा के साथ एक छवि को फिर से भरने के लिए कोड भी है?आईपैड

उत्तर

15

सबसे आसान तरीका है स्वचालित रूप से सरल सीएसएस के साथ एक छवि का आकार करने के लिए:

img { 
    max-width: 100%; 
} 

नहीं CSS3 या एचटीएमएल 5 जादू की आवश्यकता है। यहां अधिक जानकारी के साथ एक ब्लॉग पोस्ट है, और कुछ जावास्क्रिप्ट जो IE में स्केलिंग में सुधार करता है: http://unstoppablerobotninja.com/entry/fluid-images/

+0

मैंने थोड़ा और शोध किया और यह ब्लॉग भी पाया। मुझे एहसास हुआ कि मुझे पृष्ठभूमि छवि के उपयोग को भी शामिल करने की आवश्यकता है जो मुझे करना है। – beactive