想问一下为啥前端开发要用二倍图,三倍图?为啥使用多倍图能让图片在移动端显示时更加清晰?

新手上路,请多包涵

我知道有设备像素比这个东西,比如说2倍图 ,1个css逻辑像素面积对应手机屏幕4个像素物理像素的面积,但是想不通为把一张图片的width,height分别*2放到手机端就更加清晰呢?
多倍图
网上很多说原型画375px667px的,我们老师让建7501334的也是这个原理?

阅读 4.9k
2 个回答

你已经说出原因了。
假设在一张图片显示大小由CSS设定为长宽各100x100px,由于设备像素比的存在,实际显示大小是200x200物理像素,那么图片也需要200x200px(两倍图)才能正好对应物理像素。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题