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

Question

1. 描述你的问题

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

Answer 1

圖片實際尺寸是多少，在什麼樣的裝置上顯示模糊？

一般用設備寬高的2倍圖片

Answer 2

看你設計稿的尺寸啦，圖片按照設計稿的來弄，一般都不會出現模糊的問題

Answer 3

要做到高清的適配，就需要使用多種尺寸圖片的。
例如設計稿是640的寬度，那在ip6、ip6 plus下 100%寬度，就是放大了的，要是適配ip6呢，就要設計750px寬度設計稿了。
可以用媒體查詢 @media，載入不同的圖片，

Answer 4

使用@media，在不同的解析度下設定的百分比大小不一樣，就能解決問題了