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

新手上路,请多包涵

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

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

测试发现中间会有个 mobile_reference

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

阅读 2.3k
3 个回答

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

css媒体查询

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

推荐问题