V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Aaronsx
V2EX  ›  问与答

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

  •  
  •   Aaronsx · 2015-06-16 21:26:45 +08:00 · 2714 次点击
    这是一个创建于 3459 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    8 条回复    2015-06-17 08:42:36 +08:00
    edwardaa
        1
    edwardaa  
       2015-06-16 22:17:58 +08:00
    难道不是应该按照像素来做的么,比如6+的像素分布式1920*1080,你的PSD大小就应该是这个尺寸呀
    emric
        2
    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
        3
    ChefIsAwesome  
       2015-06-16 23:07:36 +08:00 via Android
    css 像素只跟屏幕尺寸有关,跟具体屏幕分辨率,还有你那图没什么关系。
    先把你那图缩到320宽,再量尺寸,写成css。
    cst4you
        4
    cst4you  
       2015-06-16 23:21:13 +08:00
    你们公司需要革新设计了, 现在都需要自适应设计了
    Aaronsx
        5
    Aaronsx  
    OP
       2015-06-17 08:03:11 +08:00 via Android
    @emric 图片的知道了,可以再问你个问题吗?我按照设计稿量出的padding margin像素是不是不能直接写进css,比如我设计稿中量了80像素的padding-bottom,我可否直接写进css
    emric
        6
    emric  
       2015-06-17 08:38:20 +08:00
    @Aaronsx 具体看稿.
    为了兼容高分屏, 设计师一般会用 640/960 的稿, 所以参数都需要除于 2 或者 3.
    Aaronsx
        7
    Aaronsx  
    OP
       2015-06-17 08:41:25 +08:00 via Android
    @emric 嗯嗯,谢谢啦
    Aaronsx
        8
    Aaronsx  
    OP
       2015-06-17 08:42:36 +08:00 via Android
    @ChefIsAwesome 嗯嗯,明白了,谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5656 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 03:34 · PVG 11:34 · LAX 19:34 · JFK 22:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.