ورود

ورود کاربر

0%

مشکل کیفیت عکس در سایز های مختلف

اگر شما در حال توسعه وب سایت ریسپانسیو هستید به احتمال زیاد با تغییر کردن کیفیت عکسها مواجه شده اید . این مورد در سایز موبایل و بیشتر در مرورگر فایرفاکس رخ می دهد . اگر خواستید می توانید همچین چیزی را در گوگل سرچ کنید تا نتیجه های سرچ گوگل را ببینید .

image rendering in firefox

برای این کار باید از خصوصیت image-rendering استفاده کنید .

 

img {
  image-rendering: auto;
  image-rendering: crisp-edges;
 image-rendering: pixelated;
}

و در بعضی مواقع با همچیین ترفندی میتونید از تغییر کیفیت عکس جلوگیری کنید .

.image-scale-hack {
    transform: rotate( .0001deg );
}

 

دسته بندی: 

افزودن دیدگاه جدید