前端 - 手机网页图片模糊不清晰

Question

1. 描述你的问题

   手机网页图片模糊不清晰，网上说使用2x的图片，但是网页本身的图片宽度是百分比计算的，
   这种问题怎么解决？
   

Answer 1

图片实际尺寸是多少，在什么样的设备上显示模糊？

一般用设备宽高的2倍图片

Answer 2

看你设计稿的尺寸啦，图片按照设计稿的来弄，一般都不会出现模糊的问题

Answer 3

要做到高清的适配，就需要使用多种尺寸图片的。
比如设计稿是640的宽度，那在ip6、ip6 plus下 100%宽度，就是放大了的，要是适配ip6呢，就要设计750px宽度设计稿了。
可以用媒体查询 @media，加载不同的图片，

Answer 4

使用@media，在不同的分辨率下设置的百分比大小不一样，就能解决问题了