大佬们，公司前端的响应式布局都用什么框架写呀， bootstrap 吗？进来聊聊啊
zhizhiqiu · 2019-09-26 20:42:01 +08:00 · 9801 次点击这是一个创建于 2226 天前的主题，其中的信息可能已经有所发展或是发生改变。
 |
1
blessyou 2019-09-26 20:53:14 +08:00 via Android
不响应 两套
|
 |
2
redam 2019-09-26 20:57:08 +08:00
bootstrap 挺好
|
 |
3
KuroNekoFan 2019-09-26 20:58:31 +08:00 via iPhone
两套加一
|
 |
4
murmur 2019-09-26 20:59:53 +08:00
你要知道，响应式布局换一个说法就是丑，除非是苹果那种特殊的网站，一个图一段文字，但是人家的图是专门设计师做的，裁剪中间和 pc 打开都好看
|
 |
5
metinfo 2019-09-26 21:18:44 +08:00 via Android
bootstrap 没毛病，响应式，米拓企业建站系统的数百套标准化网站模板都是使用 bootstrap，你可以搜索参考。
|
 |
6
q8164305 2019-09-26 21:19:53 +08:00 via Android
简单的企业站 bootstrap，复杂的两套
|
 |
7
vipcc 2019-09-26 21:20:25 +08:00 via Android
有限响应+2 套
|
 |
8
ReysC 2019-09-26 21:25:25 +08:00
foundations
|
|
9
metinfo 2019-09-26 21:26:07 +08:00 via Android
https://www.metinfo.cn/product/ 给你一个模板库参考，不要抄袭就行😂
|
 |
10
Fntys 2019-09-26 21:30:56 +08:00
bootstrap4，响应式鼻祖啊，国内也有很多 cms 的用了，比如楼上那个。
|
 |
11
LokiSharp 2019-09-26 21:35:01 +08:00 via iPhone
响应式是没钱做两套的折衷方案。。。
|
 |
12
veike 2019-09-26 22:29:54 +08:00
真不用折腾，再折腾都是 bootstrap，差别不大
|
 |
13
lamada 2019-09-27 00:38:36 +08:00 via iPhone
原来响应式是这个意思
|
 |
14
YuTengjing 2019-09-27 02:53:02 +08:00 via Android
flex+媒体查询
|
 |
15
darknoll 2019-09-27 08:22:38 +08:00
12 网格 flex 媒体查询
最起码保证做的网站能在 pc 和手机浏览器上用 |
 |
16
niknik 2019-09-27 08:57:47 +08:00
bootstrap-vue
|
 |
17
anmie 2019-09-27 09:02:12 +08:00
单纯 pc 端的响应式布局 就直接 flex 搞定了。。。
移动端的话 得看具体的产品和设计，大概率单独写，小概率媒体查询之类的适配一下 |
 |
18
NikoLan 2019-09-27 09:04:37 +08:00
觉得两套吧，不比一套的成本高多少
|
 |
19
memedahui 2019-09-27 09:11:06 +08:00
我都是手动适配,就是和设计经常撕...
|
 |
20
pandaaa 2019-09-27 09:57:35 +08:00
bootstrap-react + ant-design-react, 部分兼容手写 flex + 媒体查询
|
 |
21
yjw239 2019-09-27 10:58:01 +08:00
看具体网站，类似个人博客那种布局简单、内容少的网站可以搞搞，稍微复杂点的就别用响应式了，都是坑
|
 |
22
signalas1 2019-09-27 11:07:58 +08:00
应用类的网站一般都是两个站
|
 |
23
xuejianxianzun 2019-09-27 11:11:58 +08:00
有能力最好是做两套设计啦
否则，把 pc 样式强行改成适应手机的，不会有多么的好用 /好看 |
 |
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 而且可以根据需要切换到源代码开发模式，并支持全自动生成小程序应用。 |
 |
25
HolmLoh 2019-09-27 11:50:14 +08:00
我用的是 semantic vue，感觉还不错
|
 |
26
sadfQED2 2019-09-27 13:29:46 +08:00 via Android
2 套+1，设计师给的图就是两套
|
 |
27
Chenamy2017 2019-09-27 13:49:43 +08:00
前端小白，两套是什么框架？
|
 |
28
jeodeng 2019-09-27 13:55:46 +08:00
@Chenamy2017 写两套页面，js 判断是移动端还是 PC 端，然后 redirect 到相应页面。手机上打开 PC 就跳到移动端页面这种。
|
 |
29
MisakaMikoto 2019-09-27 14:37:21 +08:00
bulma css
|
 |
30
null2018 2019-09-27 14:39:14 +08:00
两套+1
|
 |
31
gdrk 2019-09-27 16:01:09 +08:00
还是两套吧
|
 |
32
mamahaha 2019-09-27 16:04:40 +08:00
高手一套，低手两套。
|
 |
33
duan602728596 2019-09-27 16:24:28 +08:00 via iPhone  1
谢邀，其实没必要，对于面向客户的网站。根据 UA 解析跳到 pc 端和移动端。对于中台系统，没有移动端的需求。
|
|
34
mamahaha 2019-09-27 16:27:27 +08:00
@duan602728596 哈哈哈，谢邀.....太讲究了。
|
 |
35
hyyou2010 2019-09-27 16:30:52 +08:00
不能尽量用原生的吗？我比较忌讳被第三方库限制。
所以：grid+flex+media 查询 |
 |
36
Dogtler 2019-09-27 16:47:56 +08:00
bootstrap,另外吐槽公司不给用 vue,react.
还是传统的多页面 我好无奈啊 |
 |
37
xiwangzishi 2019-09-27 16:51:11 +08:00
简单的 bootstrap，复杂的两套。
我一般会建议设计师设计的时候，PC 和移动端不要差的太大，这样一套 bootstrap 搞定，维护也方便！ |
 |
38
shanYueFengCheng 2019-09-27 16:57:07 +08:00
我们组的前端，一水的 vue
|
 |
39
ericgui 2019-09-28 00:38:40 +08:00
我们全部手写 css
最近可是郁闷了 但也强制锻炼了 CSS 能力 CSS 还是有规律可循的，不算太慢吧 |
 |
40
lucky1990 2019-09-28 01:41:42 +08:00
两套+100，响应式代码多冗余啊~
|
 |
41
violetlai 2019-09-28 11:33:15 +08:00
两套+1
|
 |
42
huguotai 2019-09-28 14:50:47 +08:00 via iPhone
看来两套还是最好的解决方案啊 responsive 并不是最好的选择 受教了
|
 |
44
libasten 2019-09-29 06:48:28 +08:00 via Android
@duan602728596 你们根据 ua 判断的，如果是 ipad 或者说乱七八糟的 pad，屏幕宽度介于手机和电脑之间的，怎么处理的呢？
用移动的显示感觉有点稀疏，用电脑的有点拥挤… 以后会不会出现第三套 css ？哈哈。 |
|
45
duan602728596 2019-09-29 07:28:56 +08:00 via iPhone
@libasten 首页有 ipad 版本，其他的在 ipad 上走 pc 版本。
|
Select Language