发表于: 2017-03-09 03:01:20
1 616
今天完成的事情:
改好了任务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.理解了为何看起垂直方向坐标未发生变化仍要设置相对尺寸的原因。
评论