手机与 pc 做成响应式还是做两套？

[kongkongye]

比如 flutter ，可以编译为移动端原生应用与 pc 端原生应用，但 ui 上通常是两套不同的界面，所以比较纠结是一套代码做成响应式还是做两套代码。
再比如 pad 这个中等大小的屏幕，究竟应该用移动端的 ui 还是 pc 端的？

[kuxuan]

取决于你移动端和 PC 端的区别大小，如果比较小，用 1 套省时少力。

[tool2d]

PC 如果是后台数据管理，一般来说都是需要独立开发的，界面复杂度和手机区别还是比较大的。

如果仅仅是普通小 APP 的，做成响应式也可以。

我写代码原则，核心逻辑绝不写两套，界面看需求而定。

[paopjian]

信息量展现不同,PC 套移动的设计理念的话 UI 会显得很臃肿,最好还是分别设计.
不过内容不多就直接移动端拉伸得了,省事

[kongkongye]

@tool2d 除去后端的接口，前端核心逻辑好像都是界面强相关的，一些通用方法可能抽取到单独的包里

[kongkongye]

@paopjian 如果是团队，不同端由不同人开发倒没什么，但如果都是一个人开发，两套通常意味着加一个东西要加两遍，就很烦

[tool2d]

@kongkongye 以前我也逻辑和界面强相关，现在我写界面，都用抽象层自定义的 DSL 了。再通过中间层，转成前端可以识别的 jsx 。

早期发过一篇相关的帖子。t/881306

后来纠结了很久，最终决定把 UI 层给完全抽象出来了。

[tutou]

@tool2d 大佬，能细说下怎么把 ui 层完全抽象出来吗

[nekoneko]

核心写一套, 其他的手机和 PC 分开写

[zeyandd]

界面不复杂的话 bootstrap 一把梭

[tyrone2333]

做 2 套, 响应式改样式会疯的

[mozhizhu]

手机的 100vh 和 PC 的 100vh 不一致以后，事情就复杂了；建议分开写； Pad 可以考虑用手机版响应式扩充。

[kongkongye]

@tyrone2333 我也觉得响应式掺杂在一起会调疯的😅代码没有可读性了

[polo3584]

简单的应用可以一套，精细点就把 UI 层做两套，键鼠和触屏的操作逻辑会导致 UI 的细节不一样。

[deesan]

面向国外用户就做响应式，面向国内用户就做两套，pad 按 pc 来缩放

[centralpark]

面向用户的界面用响应式做一套，后台只做 PC 端

[pianjiao]

一套 两套的工作量 其实差不多。 反而维护上 两套独立 更好维护一点

[tool2d]

@tutou "能细说下怎么把 ui 层完全抽象出来吗"

类似面向低代码编程，把所有组件和响应都做成 json 配置文件格式。

只要不直接去操作 DOM 就可以，把 UI 当成一个封装好的暗箱。

[zictos]

简单的博客和商城可以响应式，太复杂的商城还是分开比较好。一般小网站都可以响应式。
有时候响应式一套代码也搞得挺复杂的，很容易晕，分开写说不定还简单点

[sanqian]

两套 到时候你 A 要适配 B C 要适配 A 你不得麻烦死何必呢

[tutou]

@tool2d 觉得你这个 idea 有搞头，有没有想法开源