e_a_23
پنج شنبه 23 آبان 1392, 20:39 عصر
سلام دوستان
من در مطالعاتم دو روش برای ایجاد تصاویر ریسپانسیو خوندم.میخواستم بدونم کدومش بهتره استفاده کنم؟
1-برای ایجاد و قابل انعطاف کردن عکس ها کافیست مقادیر max-width=100%; و height:auto; را به عکس اختصاص دهید. این کد در مرورگر اکسپلورر7 کار می کند ولی در IE8 کار نمی کند ( درست فهمیدید دوباره یکی از باگ های این مرورگر رو شد ) برای رفع این مشکل کافیست شما width:auto\9; را اضافه کنید تا مشکل در IE8 هم رفع شود.
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
2-http://aparnet.ir/834-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D8%AF%D9%88%D9%85#more-834
که البته خودم فکر میکنم روش دوم هم وقت گیر است و هم اینکه برای هر تصویر باید 2 تصویر قرار دهیم (یکی کوچک و یکی بزرگ) که اگه تعداد عکسهای سایت زیاد باشه حجمشون خیلی زیاد میشه.
من در مطالعاتم دو روش برای ایجاد تصاویر ریسپانسیو خوندم.میخواستم بدونم کدومش بهتره استفاده کنم؟
1-برای ایجاد و قابل انعطاف کردن عکس ها کافیست مقادیر max-width=100%; و height:auto; را به عکس اختصاص دهید. این کد در مرورگر اکسپلورر7 کار می کند ولی در IE8 کار نمی کند ( درست فهمیدید دوباره یکی از باگ های این مرورگر رو شد ) برای رفع این مشکل کافیست شما width:auto\9; را اضافه کنید تا مشکل در IE8 هم رفع شود.
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
2-http://aparnet.ir/834-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D8%AF%D9%88%D9%85#more-834
که البته خودم فکر میکنم روش دوم هم وقت گیر است و هم اینکه برای هر تصویر باید 2 تصویر قرار دهیم (یکی کوچک و یکی بزرگ) که اگه تعداد عکسهای سایت زیاد باشه حجمشون خیلی زیاد میشه.