前端网页端和手机端如何并行开发

Question

如题：
需求是：适应桌面 手机 平板
疑问是：开发三套代码还是做适配？做适配的话手机端要设置meta标签之类的跟桌面和平板矛盾吗

Answer 1

不是所有设计都能做响应式的。
有些设计如果不是按照栅格模块来做的话，移动端可能需要单独设计，最后可能也会分成多个页面，服务器端根据请求ua来吐相应的页面。
栅格设计就简单了，有很多现成的东西能用（比如bootstrap），小屏pc/平板，移动端稍微调下就出来了。
当然如果是按组件写就更好了，都是现成的。
个人觉得pc端最麻烦的是高分屏，移动端最麻烦的是不同宽高比。

Answer 2

vuejs 就可以了，可以自动适配

Answer 3

就是响应式吧？
媒体查询 或者rem ，建议媒体查询

Answer 4

适应三端的话其实很多UI框架都能做得到,比如说Bootstrap.

如果时间不紧张的话其实还是建议分开弄,现在的移动端因为各种异形屏的原因,导致适配上会更麻烦。

PC端的适配比较简单,移动端的现在的主流方案应该是vw+rem。仅仅用媒体查询的做适配的话,我估计会弄到你
想跳楼

Answer 5

vuejs 就可以了，可以模板适配，如果项目比较大，前台还是分开写比较好，数据统一用接口的形式