سازگاری CSS با مرورگرهای مختلف

[chemist 3]

با سلام و عرض خسته نباشید؛

بنده از این کد CSS در وب سایت استفاده کرده ام؛

#left-menu i img {
max-width:24px;
max-height:24px;
}

در مرورگر کروم موبایل تصاویر در اندازه واقعی عکس ها نمایش داده می شود! (از ماکزیمم طول و عرض تعیین شده تبعیت نمی کند) ولی در مابقی مرورگرها با ابعاد تعیین شده نمایش داده می شود. آیا برای سازگاری کامل با تمامی مرورگرها باید تغییری در کد اعمال کنم؟

ممنون میشم راهنمایی بفرمائید.

با تشکر

ویرایش شده بهمن 95 توسط chemist

[logomaster 171]

در 33 دقیقه قبل، chemist گفته است :

با سلام و عرض خسته نباشید؛

بنده از این کد CSS در وب سایت استفاده کرده ام؛

#left-menu i img {
max-width:24px;
max-height:24px;
}

در مرورگر کروم موبایل تصاویر در اندازه واقعی عکس ها نمایش داده می شود! (از ماکزیمم طول و عرض تعیین شده تبعیت نمی کند) ولی در مابقی مرورگرها با ابعاد تعیین شده نمایش داده می شود. آیا برای سازگاری کامل با تمامی مرورگرها باید تغییری در کد اعمال کنم؟

ممنون میشم راهنمایی بفرمائید.

با تشکر

سلام.

یه !important به عرض و ارتفاع اضافه کن، بعد تست کن ببین درست میشه?

[start 56]

با سلام.

با توجه به :

http://caniuse.com/#feat=minmaxwh

نباید مشکلی توی پشتیبانی از این دستور توی هیچکدوم از مرورگرها باشه.

شما باز طبق فرمایش دوستمون، !important رو تست کنید.