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

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

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

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

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

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

    最近可是郁闷了

    但也强制锻炼了 CSS 能力

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