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

新手上路,请多包涵

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

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

测试发现中间会有个 mobile_reference

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

阅读 2.3k
3 个回答

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

css媒体查询

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题