前端 - 手机网页图片模糊不清晰
怪我咯
怪我咯 2017-04-17 12:58:05
0
4
1519
  1. 描述你的问题

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

怪我咯
怪我咯

走同样的路,发现不同的人生

Antworte allen(4)
Ty80

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

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

刘奇

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

洪涛

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

黄舟

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage