如何让网页在手机里同时支持mobile 和电脑2种版本

Question

用手机浏览器访问github，显示的是mobile 页面，底部会显示desktop version

点击后就显示电脑版网页了，顶部会显示mobile version

测试发现中间会有个 mobile_reference

请教下这个方案如何实现？

Answer 1

通过navigator.userAgent可以判断是移动设备还是pc设备在css中可以通过@madia来给移动设备或者PC设备写样式。

Answer 2

css媒体查询

Answer 3

1、弹性布局，通过css去实现布局上的自适应2、可以做成两套程序，然后通过js判断请求头分发到不懂项目目录