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

2015-06-16 21:26:45 +08:00
 Aaronsx

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

2733 次点击
所在节点    问与答
8 条回复
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
css 像素只跟屏幕尺寸有关,跟具体屏幕分辨率,还有你那图没什么关系。
先把你那图缩到320宽,再量尺寸,写成css。
cst4you
2015-06-16 23:21:13 +08:00
你们公司需要革新设计了, 现在都需要自适应设计了
Aaronsx
2015-06-17 08:03:11 +08:00
@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
@emric 嗯嗯,谢谢啦
Aaronsx
2015-06-17 08:42:36 +08:00
@ChefIsAwesome 嗯嗯,明白了,谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/199099

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX