前端web应用如何一套代码兼容PC、平板、移动端三端？

Question

在公司web项目研发中，有需求一套代码实现pc、平板、移动端三端兼容，过程中暂时可以忽略浏览器兼容性问题，目前查阅资料知晓有rem、vw、媒体查询等方案，似乎都不能解决三端兼容的问题....我这个提问可能有些为难大家，一套代码兼容三端有些蛇吞象了，谢谢大家指点。

Answer 1

媒体查询可以根据不同的设备应用对应的 css 样式，应该可以兼容哦。

Answer 2

PC到平板 还容易点，但是移动端就需要不同的UI样式了

Answer 3

首先, 你这个问题也是很多大公司在解决的难题..... 目前还没有一种特别好的方案

1. 看你说到rem和vw 莫非是想用一套样式实现三端的兼容? 这也太难了... 个人认为很难做到. 你可以看看携程 网易新闻 等 哪有这么干的啊.....
2. 建议pc 平板可以用一套. 其实一般我们pc端开发已经兼容到13寸笔记本了. 再往下兼容点儿, 应该问题不大. 最好最快速的方案个人认为是静态布局; 速度快, 兼容好. 你看百度, 新闻类网站, 淘宝, 京东. 全是这种. 或者这种基础加修饰;
3. 移动端建议rem就行;
4. 写两套样式;然后按需加载吧;
5. 开发前千万不要着急写代码;先把具体的计划 写好. 避免推到重来.血的教训啊.....