نمایش نسخه قابل چاپ
این موضوع مدتی هست که ذهنمو درگیر کرده .
این وبسایت رو من طراحی کردم : hoteltoranj.com
با موبایل برید توش . ایکون های استفاده شده از آیکون های شبکه اجتماعی گرفته تا لوگوی سایت تغریبا تار هستن . ( مخصوصا اگر با گوشی های iphone :ه صفحه نمایشون رتینا هست برید فاحشه )
من از css sprites برای بهینه بودن آیکون ها استفاده کردم . ( همه ایکون ها رو داخل یک تصویر ریختم )
بابت راهنماییتون ممنونم .
رتینا نسبت پیکسل 2 برابر داره. برای رفع این مشکل باید از sprite با ابعاد دو برابر استفاده کنید و در css ابعادو تنظیم کنید.
http://stackoverflow.com/questions/2...retina-display
http://www.hongkiat.com/blog/css-retina-display/
دلیل اش واضحه ، تصویری که برای آيکون استفاده میکنید ، کوچیکه ، باید از تصویر بزرگتری استفاده کنید.
راه حل بهترش هم اینکه از تصاویر svg استفاده کنید ، این فرمت وکتور هست که تو هر سایزی شارپ هست . (تو فتوشاپ راحت میتونید خروجی svg بگیرید.)