大佬们,公司前端的响应式布局都用什么框架写呀, bootstrap 吗?进来聊聊啊 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
zhizhiqiu
V2EX    程序员

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

  •  3
     
  •   zhizhiqiu 2019-0926 20:42:01 +08:00 9946 次点击
    这是一个创建于 2275 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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     Solana     3311 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 04:24 PVG 12:24 LAX 20:24 JFK 23:24
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86