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

请问下设计稿是 1440px*900px 的 web 页面,怎么在 1920px*1080px 的屏幕下开发呢?

  •  1
     
  •   zqiiii · 2019-11-28 09:40:43 +08:00 · 6295 次点击
    这是一个创建于 1582 天前的主题,其中的信息可能已经有所发展或是发生改变。

    ui 图是在蓝湖上面,我试着把分辨率设置为 1920px,但是高度就会变为 1200px,然后参考设计稿里面的高度肯定是不对的。 要求是全屏的不能左右留白 有经验的前辈指导下呢 谢谢了

    18 条回复    2019-11-30 14:16:34 +08:00
    RBQMT
        1
    RBQMT  
       2019-11-28 09:59:21 +08:00
    要不就固定宽高吧
    dishonest
        2
    dishonest  
       2019-11-28 10:04:29 +08:00
    网页吗? chrome 开发者工具不是可以设置分辨率?
    zqiiii
        3
    zqiiii  
    OP
       2019-11-28 10:26:25 +08:00
    @dishonest 是的,可以设置为 1440px*900px,是不是就是按照 ui 给的尺寸 宽度 高度 像素 字体大小来写,然后做一个响应式的适配呢?
    zqiiii
        4
    zqiiii  
    OP
       2019-11-28 10:26:50 +08:00
    @RBQMT 怎么个固定法呢?
    RBQMT
        5
    RBQMT  
       2019-11-28 10:30:26 +08:00
    @zqiiii 正常来说,我会固定页面的宽高。。。然后用自适应来开发。
    zqiiii
        6
    zqiiii  
    OP
       2019-11-28 10:38:36 +08:00
    @RBQMT 按照目前我这个情况,那就是固定尺寸为 1440px*900px 来开发,然后做适应来开发 对吧?
    morizawatt
        7
    morizawatt  
       2019-11-28 10:41:39 +08:00
    一般设计稿 pc 端内容区是固定宽度的,基本是 1100px 1200px,一般情况下媒体查询 width 大于 1200px 的就按设计稿内容区域宽度了,前端应该比 ui 更懂 bootstrap 啊。我不知道你说的设计稿宽 1440px 是文件宽,还是说内容区域宽,你可以问下 ui 内容区是多宽。
    antscript
        8
    antscript  
       2019-11-28 11:02:40 +08:00 via iPhone
    让产品定好不同分辨率下的适配规则再开发
    murmur
        9
    murmur  
       2019-11-28 11:04:57 +08:00
    居中 两边留白 最简单的 不要瞎 jb 适配 瞎 jb 适配的典型案例就是小米的横屏移动版,每次我举反例都要把这个拿出来
    belin520
        10
    belin520  
       2019-11-28 11:05:22 +08:00
    是的,max-width: 1440,大于的话 2 边居中留空,小于的话按照 100% 宽进行 UI 调整
    murmur
        11
    murmur  
       2019-11-28 11:07:35 +08:00
    @belin520 小于的话也不要调整,直接截断或者出横向滚动条,出滚动条还能凑活用,你给调整了又丑又恶心...
    murmur
        12
    murmur  
       2019-11-28 11:09:37 +08:00
    我看了淘宝微博京东,京东是出横向滚动条,淘宝微博是直接截断,这是有道理的,用户看到没显示完全他会自己知道显示器或者窗口不够大,但是你给他适配了布局很奇怪他会说你设计 sb
    belin520
        13
    belin520  
       2019-11-28 11:11:38 +08:00
    @murmur #11 我会选择让 UI 出几个区间的响应式方案,出滚动条是啥操作,不是很懂。前端应该只负责实现,提供基础的建议,一切以 UI 的验收为准。UI 肯定会出不同屏幕的显示效果的,因为屏幕可能无限宽,所以需要定一个上限。
    redbuck
        14
    redbuck  
       2019-11-28 11:13:07 +08:00
    主体宽度固定,两侧留白啊,你看下这个网页不就是吗
    tanhua
        15
    tanhua  
       2019-11-28 11:14:59 +08:00
    第一,打回去从做
    第二,两边留白,内容居中 1440px
    第三,UI 没脑子吗,笔记本有的屏幕 1440 也太大呀,内容基本会控制在 1100-1200 之间 (个人意见)
    crazytree
        16
    crazytree  
       2019-11-28 11:19:22 +08:00
    这个不应该问设计吗?
    a87586179
        17
    a87586179  
       2019-11-28 11:29:00 +08:00
    最好问设计师,之前遇到俩个 UI,一个手机图喜欢 720px,一个喜欢 750px
    icebreaker12
        18
    icebreaker12  
       2019-11-30 14:16:34 +08:00
    首先排除响应式,这东西写起来恶心调起来又费劲。目前主流分辨率 99%都是 1366px 以上,pc 网页传统居中布局,版心控制在 1300px 以下 按 ui 图固定尺寸写。前人总结的最佳实践可能不是最好的,但也不会坑人
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1814 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:30 · PVG 00:30 · LAX 09:30 · JFK 12:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.