手机切图时，实际页面效果偏差很大

[Aaronsx]

公司做手机活动页面，给出psd自己切图，我的尺寸都是photoshop量出来的，但是实际写成HTML CSS偏差非常大，求解答，适配IOS4、5、6、plus，求大神解答一下，在psd中量出来的东西，实际应该怎样换算才算合适的尺寸

[edwardaa]

难道不是应该按照像素来做的么，比如6+的像素分布式1920*1080，你的PSD大小就应该是这个尺寸呀

[emric]

viewport 用 `initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui`,
图片 x2 用 `background-size` 或 image-set, 可以用 `srcset` 但是要做退回处理(JS).

[ChefIsAwesome]

css 像素只跟屏幕尺寸有关，跟具体屏幕分辨率，还有你那图没什么关系。
先把你那图缩到320宽，再量尺寸，写成css。

[cst4you]

你们公司需要革新设计了, 现在都需要自适应设计了

[Aaronsx]

@emric 图片的知道了，可以再问你个问题吗？我按照设计稿量出的padding margin像素是不是不能直接写进css，比如我设计稿中量了80像素的padding-bottom，我可否直接写进css

[emric]

@Aaronsx 具体看稿.
为了兼容高分屏, 设计师一般会用 640/960 的稿, 所以参数都需要除于 2 或者 3.

[Aaronsx]

@emric 嗯嗯，谢谢啦

[Aaronsx]

@ChefIsAwesome 嗯嗯，明白了，谢谢