Aaronsx
V2EX  ›  问与答

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

  •  
  •   Aaronsx · Jun 16, 2015 · 3902 views
    This topic created in 4158 days ago, the information mentioned may be changed or developed.

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

    8 replies  •  2015-06-17 08:42:36 +08:00
    edwardaa
    edwardaa
    Jun 16, 2015
    1
    难道不是应该按照像素来做的么,比如6+的像素分布式1920*1080,你的PSD大小就应该是这个尺寸呀
    emric
    emric
    Jun 16, 2015
    2
    viewport 用 `initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui`,
    图片 x2 用 `background-size` 或 image-set, 可以用 `srcset` 但是要做退回处理(JS).
    ChefIsAwesome
    ChefIsAwesome
    Jun 16, 2015 via Android
    3
    css 像素只跟屏幕尺寸有关,跟具体屏幕分辨率,还有你那图没什么关系。
    先把你那图缩到320宽,再量尺寸,写成css。
    cst4you
    cst4you
    Jun 16, 2015
    4
    你们公司需要革新设计了, 现在都需要自适应设计了
    Aaronsx
    Aaronsx
    OP
    Jun 17, 2015 via Android
    5
    @emric 图片的知道了,可以再问你个问题吗?我按照设计稿量出的padding margin像素是不是不能直接写进css,比如我设计稿中量了80像素的padding-bottom,我可否直接写进css
    emric
    emric
    Jun 17, 2015
    6
    @Aaronsx 具体看稿.
    为了兼容高分屏, 设计师一般会用 640/960 的稿, 所以参数都需要除于 2 或者 3.
    Aaronsx
    Aaronsx
    OP
    Jun 17, 2015 via Android
    7
    @emric 嗯嗯,谢谢啦
    Aaronsx
    Aaronsx
    OP
    Jun 17, 2015 via Android
    8
    @ChefIsAwesome 嗯嗯,明白了,谢谢
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5170 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 06:31 · PVG 14:31 · LAX 22:31 · JFK 01:31
    ♥ Do have faith in what you're doing.