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

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

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

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

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

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

    最近可是郁闷了

    但也强制锻炼了 CSS 能力

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