我发现一个现象,如果我要一个区域,比如宽高都是200px,然后背景图也正好是200px的话,那么在手机上显示会模糊,安卓和苹果都模糊,只有当我的背景图是超过200px,比如300px,然后用background-size:contain的方法,背景图才会清晰,这是为什么呢?
我发现一个现象,如果我要一个区域,比如宽高都是200px,然后背景图也正好是200px的话,那么在手机上显示会模糊,安卓和苹果都模糊,只有当我的背景图是超过200px,比如300px,然后用background-size:contain的方法,背景图才会清晰,这是为什么呢?
2 回答905 阅读✓ 已解决
3 回答779 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
2 回答2.6k 阅读
建议看看这篇文章:
http://www.w3cplus.com/css/towards-retina-web.html
简单说,一个屏幕像素会显示4个css像素,比如iPhone 5s,device-pixel-ratio是2,屏幕宽是320px,但显示的网页是640px,所以要显示320px宽的图片就要做成640px宽才清晰。