V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhizhiqiu
V2EX  ›  程序员

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

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

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

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

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

    最近可是郁闷了

    但也强制锻炼了 CSS 能力

    CSS 还是有规律可循的,不算太慢吧
    lucky1990
        40
    lucky1990  
       2019-09-28 01:41:42 +08:00
    两套+100,响应式代码多冗余啊~
    violetlai
        41
    violetlai  
       2019-09-28 11:33:15 +08:00
    两套+1
    huguotai
        42
    huguotai  
       2019-09-28 14:50:47 +08:00 via iPhone
    看来两套还是最好的解决方案啊 responsive 并不是最好的选择 受教了
    ctrainr
        43
    ctrainr  
       2019-09-28 21:51:02 +08:00
    @ucaime Low-Code 方案对外么?有什么类似的推荐?谢谢
    libasten
        44
    libasten  
       2019-09-29 06:48:28 +08:00 via Android
    @duan602728596 你们根据 ua 判断的,如果是 ipad 或者说乱七八糟的 pad,屏幕宽度介于手机和电脑之间的,怎么处理的呢?
    用移动的显示感觉有点稀疏,用电脑的有点拥挤…
    以后会不会出现第三套 css ?哈哈。
    duan602728596
        45
    duan602728596  
       2019-09-29 07:28:56 +08:00 via iPhone
    @libasten 首页有 ipad 版本,其他的在 ipad 上走 pc 版本。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5360 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 07:32 · PVG 15:32 · LAX 00:32 · JFK 03:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.