拿到手的psd是750*1334分辨率,这应该是iphone6的分辨率,那么,此时是不是我的chrome模拟器就要设置成iphone6了?如果是的话,那么《问题1》来了。我的电脑分辨率是1366*768,chrome模拟iphone6的话会缩放,影响做网页效果,我一般设置成iphone5,这样的话能够不缩放显示手机端页面,字体也就不会因为缩放模糊。那么如果设置成iphone5来做iphone6的psd,肯定无法做到完全一样(图标大小肯定要比psd的小一点)。后来,《问题2》我设置了不同分辨率下的html的font-size不一样,所有涉及到长度宽度行高这些css都用rem单位,不采用px和em,但是这样的话,也只能在各个分辨率的手机端下勉强凑活,根本无法完全和psd一样。于是,我又纠结了。《问题3》,美工给的iphone的psd,有的页面上会标注元素长度px,有的没有,那我就很奇怪,我是否应该把chrome模拟器设置成iphone6然后和psd做到像素级的0偏差?至于iphone5和iphone6plus分辨率下的页面我该用@media来分别写吗?那太累了!!以前PC端倒是可以0像素偏差,可是手机端感觉力不从心啊!《问题4》有时候收到的PSD里面的有5个文件夹比如drawable-xxhdpi,其实就是不同分辨率下icon,我一般是用的最大的文件夹里面的icon,那么,这是偷懒么?是不是应该适配不同分辨率的手机并且@media使用不同大小的icon,这样的话,我不是更加吃不消么?
添加回答
举报
0/150
提交
取消