V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
1012808318
V2EX  ›  前端开发

你觉得实现响应式布局最快的方式?

  •  
  •   1012808318 · 2018-12-17 10:10:45 +08:00 · 3481 次点击
    这是一个创建于 2158 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有的响应式设计是有电脑端的设计稿外加移动端的设计稿,有的是只有电脑端的设计稿(手机端由前端工程师自己看着做)。

    1.你觉得实现响应式布局最快的方式? 2.bootstrap/layUI/amazeUI ?

    14 条回复    2018-12-18 15:10:40 +08:00
    murmur
        1
    murmur  
       2018-12-17 10:13:22 +08:00
    响应式布局那是只有在梦里才有的功能
    不是每个网站都能像挨炮那种靠一张图一段字一张图一段字就能把内容搞明白的
    而且即便这种设计 也对作图的功底要求非常高 毕竟在手机上和电脑上都要看到有效信息 而且电脑的大屏不能看着太奇怪
    1012808318
        2
    1012808318  
    OP
       2018-12-17 10:14:18 +08:00
    @murmur 现在很多都是这种设计了
    Flobit
        3
    Flobit  
       2018-12-17 10:15:32 +08:00 via Android
    最开始接触的就是 bootstrap
    murmur
        4
    murmur  
       2018-12-17 10:15:33 +08:00
    @1012808318 但是你常用的大网站都没有响应式 全是 2 套布局独立设计
    luoway
        5
    luoway  
       2018-12-17 10:17:28 +08:00
    如果有视觉设计,那就
    media query 写两套
    或 SSR 写两个页面
    包治百病
    awanabe
        6
    awanabe  
       2018-12-17 10:44:54 +08:00
    用 vw 作为单位写 css,
    然后到小屏幕写 media 兼容就行了... 多用不同 media 宽度下面的 display 属性...可以让你任意显示和不显示某一块内容
    做响应式是最简单+报价最高的部分...
    hlwjia
        7
    hlwjia  
       2018-12-17 11:15:12 +08:00 via iPhone
    只有电脑端设计稿就祝你好运了,除非是特别简单的页面。

    不然你不止承担了设计的工作,你还承担了产品的工作。
    JenJieJu
        8
    JenJieJu  
       2018-12-17 11:15:33 +08:00
    @murmur 十分同意
    murmur
        9
    murmur  
       2018-12-17 11:26:09 +08:00
    @awanabe 小米的官网就是这么做的响应式 结果横屏的时候页面显示效果刺激炸了 现在还可以看到效果
    baijd
        10
    baijd  
       2018-12-17 13:40:06 +08:00 via Android
    刚试了下。真的好刺激😫
    iamwh1temark
        11
    iamwh1temark  
       2018-12-17 15:02:28 +08:00
    直接告诉你搜索用的关键字吧 html5 responsive template free
    KasuganoSoras
        12
    KasuganoSoras  
       2018-12-17 15:03:48 +08:00
    bootstrap 忠实用户
    learnshare
        13
    learnshare  
       2018-12-17 15:08:49 +08:00
    Bootstrap 主要的难题是跟设计稿差异过大,以至于不如自己处理响应式来得方便
    kakudesu
        14
    kakudesu  
       2018-12-18 15:10:40 +08:00
    vw,vh + media 吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4602 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 05:35 · PVG 13:35 · LAX 21:35 · JFK 00:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.