استخدم CSS لتكييف الصور حسب الحجم تلقائيًا

الكاتب：Eve Cole وقت التحديث：2009-06-12 17:47:59

تعد مشكلة تكيف الصور تلقائيًا مع الحجم مشكلة شائعة أثناء الإنتاج اليومي، وإليك حل بسيط نسبيًا:
شعبة الصورة {
أقصى عرض: 600 بكسل؛
// الحد الأقصى للعرض ضمن متصفحات IE7 وFF والمتصفحات الأخرى غير IE هو 600 بكسل؛
العرض: 600 بكسل؛
// حجم الصورة في جميع المتصفحات هو 600 بكسل؛
العرض: التعبير (document.body.clientWidth>600؟"600px "auto");
// عندما يكون حجم الصورة أكبر من 600 بكسل، فسيتم تقليله تلقائيًا إلى 600 بكسل؛
تجاوز: مخفي؛
}