• 请不要在回答技术问题时复制粘贴 AI 生成的内容
zhizhiqiu
V2EX  ›  程序员

大佬们,公司前端的响应式布局都用什么框架写呀, bootstrap 吗?进来聊聊啊

  •  3
     
  •   zhizhiqiu · Sep 26, 2019 · 10901 views
    This topic created in 2595 days ago, the information mentioned may be changed or developed.
    45 replies  •  2019-09-29 07:28:56 +08:00
    blessyou
    blessyou
    Sep 26, 2019 via Android
    1
    不响应 两套
    redam
    redam
    Sep 26, 2019
    2
    bootstrap 挺好
    KuroNekoFan
    KuroNekoFan
    Sep 26, 2019 via iPhone
    3
    两套加一
    murmur
    murmur
    Sep 26, 2019
    4
    你要知道,响应式布局换一个说法就是丑,除非是苹果那种特殊的网站,一个图一段文字,但是人家的图是专门设计师做的,裁剪中间和 pc 打开都好看
    metinfo
    metinfo
    Sep 26, 2019 via Android
    5
    bootstrap 没毛病,响应式,米拓企业建站系统的数百套标准化网站模板都是使用 bootstrap,你可以搜索参考。
    q8164305
    q8164305
    Sep 26, 2019 via Android
    6
    简单的企业站 bootstrap,复杂的两套
    vipcc
    vipcc
    Sep 26, 2019 via Android
    7
    有限响应+2 套
    ReysC
    ReysC
    Sep 26, 2019
    8
    foundations
    metinfo
    metinfo
    Sep 26, 2019 via Android
    9
    https://www.metinfo.cn/product/ 给你一个模板库参考,不要抄袭就行😂
    Fntys
    Fntys
    Sep 26, 2019
    10
    bootstrap4,响应式鼻祖啊,国内也有很多 cms 的用了,比如楼上那个。
    LokiSharp
    LokiSharp
    Sep 26, 2019 via iPhone
    11
    响应式是没钱做两套的折衷方案。。。
    veike
    veike
    Sep 26, 2019
    12
    真不用折腾,再折腾都是 bootstrap,差别不大
    lamada
    lamada
    Sep 27, 2019 via iPhone
    13
    原来响应式是这个意思
    YuTengjing
    YuTengjing
    Sep 27, 2019 via Android
    14
    flex+媒体查询
    darknoll
    darknoll
    Sep 27, 2019
    15
    12 网格 flex 媒体查询
    最起码保证做的网站能在 pc 和手机浏览器上用
    niknik
    niknik
    Sep 27, 2019
    16
    bootstrap-vue
    anmie
    anmie
    Sep 27, 2019
    17
    单纯 pc 端的响应式布局 就直接 flex 搞定了。。。
    移动端的话 得看具体的产品和设计,大概率单独写,小概率媒体查询之类的适配一下
    NikoLan
    NikoLan
    Sep 27, 2019
    18
    觉得两套吧,不比一套的成本高多少
    memedahui
    memedahui
    Sep 27, 2019
    19
    我都是手动适配,就是和设计经常撕...
    pandaaa
    pandaaa
    Sep 27, 2019
    20
    bootstrap-react + ant-design-react, 部分兼容手写 flex + 媒体查询
    yjw239
    yjw239
    Sep 27, 2019
    21
    看具体网站,类似个人博客那种布局简单、内容少的网站可以搞搞,稍微复杂点的就别用响应式了,都是坑
    signalas1
    signalas1
    Sep 27, 2019
    22
    应用类的网站一般都是两个站
    xuejianxianzun
    xuejianxianzun
    Sep 27, 2019
    23
    有能力最好是做两套设计啦
    否则,把 pc 样式强行改成适应手机的,不会有多么的好用 /好看
    ucaime
    ucaime
    Sep 27, 2019
    24
    我们这边主要是企业级的中后台系统研发,绝大多数情况下都不再手写代码来搞界面的事情了。目前 Low-Code 模式基本上覆盖了全部的内部系统研发场景,包括各种复杂的页面。
    https://img.alicdn.com/tfs/TB1MelnhuL2gK0jSZFmXXc7iXXa-2874-1592.png

    如果开启了双端模式,将不仅仅通过响应来完成页面适配,会根据组件在不同端的预设,自动化进行最合理的调整。
    https://img.alicdn.com/tfs/TB1P1lnhAT2gK0jSZPcXXcKkpXa-2874-1590.png

    而且可以根据需要切换到源代码开发模式,并支持全自动生成小程序应用。
    HolmLoh
    HolmLoh
    Sep 27, 2019
    25
    我用的是 semantic vue,感觉还不错
    sadfQED2
    sadfQED2
    Sep 27, 2019 via Android
    26
    2 套+1,设计师给的图就是两套
    Chenamy2017
    Chenamy2017
    Sep 27, 2019
    27
    前端小白,两套是什么框架?
    jeodeng
    jeodeng
    Sep 27, 2019
    28
    @Chenamy2017 写两套页面,js 判断是移动端还是 PC 端,然后 redirect 到相应页面。手机上打开 PC 就跳到移动端页面这种。
    MisakaMikoto
    MisakaMikoto
    Sep 27, 2019
    29
    bulma css
    null2018
    null2018
    Sep 27, 2019
    30
    两套+1
    gdrk
    gdrk
    Sep 27, 2019
    31
    还是两套吧
    mamahaha
    mamahaha
    Sep 27, 2019
    32
    高手一套,低手两套。
    duan602728596
    duan602728596
    Sep 27, 2019 via iPhone❤️1
    33
    谢邀,其实没必要,对于面向客户的网站。根据 UA 解析跳到 pc 端和移动端。对于中台系统,没有移动端的需求。
    mamahaha
    mamahaha
    Sep 27, 2019
    34
    @duan602728596 哈哈哈,谢邀.....太讲究了。
    hyyou2010
    hyyou2010
    Sep 27, 2019
    35
    不能尽量用原生的吗?我比较忌讳被第三方库限制。

    所以:grid+flex+media 查询
    Dogtler
    Dogtler
    Sep 27, 2019
    36
    bootstrap,另外吐槽公司不给用 vue,react.
    还是传统的多页面 我好无奈啊
    xiwangzishi
    xiwangzishi
    Sep 27, 2019
    37
    简单的 bootstrap,复杂的两套。
    我一般会建议设计师设计的时候,PC 和移动端不要差的太大,这样一套 bootstrap 搞定,维护也方便!
    shanYueFengCheng
    shanYueFengCheng
    Sep 27, 2019
    38
    我们组的前端,一水的 vue
    ericgui
    ericgui
    Sep 28, 2019
    39
    我们全部手写 css

    最近可是郁闷了

    但也强制锻炼了 CSS 能力

    CSS 还是有规律可循的,不算太慢吧
    lucky1990
    lucky1990
    Sep 28, 2019
    40
    两套+100,响应式代码多冗余啊~
    rebel28
    rebel28
    Sep 28, 2019
    41
    两套+1
    huguotai
    huguotai
    Sep 28, 2019 via iPhone
    42
    看来两套还是最好的解决方案啊 responsive 并不是最好的选择 受教了
    ctrainr
    ctrainr
    Sep 28, 2019
    43
    @ucaime Low-Code 方案对外么?有什么类似的推荐?谢谢
    libasten
    libasten
    Sep 29, 2019 via Android
    44
    @duan602728596 你们根据 ua 判断的,如果是 ipad 或者说乱七八糟的 pad,屏幕宽度介于手机和电脑之间的,怎么处理的呢?
    用移动的显示感觉有点稀疏,用电脑的有点拥挤…
    以后会不会出现第三套 css ?哈哈。
    duan602728596
    duan602728596
    Sep 29, 2019 via iPhone
    45
    @libasten 首页有 ipad 版本,其他的在 ipad 上走 pc 版本。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2909 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 117ms · UTC 12:39 · PVG 20:39 · LAX 04:39 · JFK 07:39
    ♥ Do have faith in what you're doing.