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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3457 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

8 条回复 • 2015-06-17 08:42:36 +08:00

edwardaa

2015-06-16 22:17:58 +08:00

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

emric

2015-06-16 22:27:06 +08:00

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

ChefIsAwesome

2015-06-16 23:07:36 +08:00 via Android

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

cst4you

2015-06-16 23:21:13 +08:00

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

Aaronsx

2015-06-17 08:03:11 +08:00 via Android

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

emric

2015-06-17 08:38:20 +08:00

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

Aaronsx

2015-06-17 08:41:25 +08:00 via Android

@emric 嗯嗯，谢谢啦

Aaronsx

2015-06-17 08:42:36 +08:00 via Android

@ChefIsAwesome 嗯嗯，明白了，谢谢