发表于： 2017-03-09 03:01:20
1 615
今天完成的事情：
改好了任务1，修改任务3，找了一些资料发现昨天理解的尺寸有问题，目前使得能适应dpr=1屏幕，且尺寸基本正确。
明天计划的事情：
改任务3使得能适应dpr=2屏幕
遇到的问题：
希望dpr=1与dpr=2使用不同scale, 不知怎么设置
dpr=1
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
dpr=2
<meta name="viewport" content="width=640,initial-scale=0.5,maximum-scale=0.5, minimum-scale=0.5,user-scalable=no">
收获：
1.明白了为何ps图尺寸是640px*113px
retina屏幕物理像素2px对应表现设备像素1px，dpr=2。对于retina实际100×100的图片放在100×100，25×25的img容器中均会出现沿模糊。为了实现一个位图像素对应于1个物理像素的高清视觉效果，视觉稿是基准的两倍。（iphone5尺寸）
2.理解了为何看起垂直方向坐标未发生变化仍要设置相对尺寸的原因。
返回列表
评论