1012808318

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

  •  
  •   1012808318 · Dec 17, 2018 · 4743 views
    This topic created in 2880 days ago, the information mentioned may be changed or developed.

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

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

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

    不然你不止承担了设计的工作,你还承担了产品的工作。
    JenJieJu
    JenJieJu
    Dec 17, 2018
    8
    @murmur 十分同意
    murmur
    murmur
    Dec 17, 2018
    9
    @awanabe 小米的官网就是这么做的响应式 结果横屏的时候页面显示效果刺激炸了 现在还可以看到效果
    baijd
    baijd
    Dec 17, 2018 via Android
    10
    刚试了下。真的好刺激😫
    iamwh1temark
    iamwh1temark
    Dec 17, 2018
    11
    直接告诉你搜索用的关键字吧 html5 responsive template free
    KasuganoSoras
    KasuganoSoras
    Dec 17, 2018
    12
    bootstrap 忠实用户
    learnshare
    learnshare
    Dec 17, 2018
    13
    Bootstrap 主要的难题是跟设计稿差异过大,以至于不如自己处理响应式来得方便
    kakudesu
    kakudesu
    Dec 18, 2018
    14
    vw,vh + media 吧
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3249 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 10:26 · PVG 18:26 · LAX 02:26 · JFK 05:26
    ♥ Do have faith in what you're doing.