描述你的问题
手机网页图片模糊不清晰,网上说使用2x的图片,但是网页本身的图片宽度是百分比计算的, 这种问题怎么解决?
走同样的路,发现不同的人生
图片实际尺寸是多少,在什么样的设备上显示模糊?
一般用设备宽高的2倍图片
看你设计稿的尺寸啦,图片按照设计稿的来弄,一般都不会出现模糊的问题
要做到高清的适配,就需要使用多种尺寸图片的。比如设计稿是640的宽度,那在ip6、ip6 plus下 100%宽度,就是放大了的,要是适配ip6呢,就要设计750px宽度设计稿了。可以用媒体查询 @media,加载不同的图片,
使用@media,在不同的分辨率下设置的百分比大小不一样,就能解决问题了
图片实际尺寸是多少,在什么样的设备上显示模糊?
一般用设备宽高的2倍图片
看你设计稿的尺寸啦,图片按照设计稿的来弄,一般都不会出现模糊的问题
要做到高清的适配,就需要使用多种尺寸图片的。
比如设计稿是640的宽度,那在ip6、ip6 plus下 100%宽度,就是放大了的,要是适配ip6呢,就要设计750px宽度设计稿了。
可以用媒体查询 @media,加载不同的图片,
使用@media,在不同的分辨率下设置的百分比大小不一样,就能解决问题了