如何判断用户用手机访问网站时，隐藏某些div模块？

Question

1、手机那么多型号，苹果就有5s和6s，如果开发好的web端要适应mobile的手机尺寸，有什么好的方案吗？
2、如何判断当用户从web端转到手机？这个时候我需要隐藏某些div

Answer 1

用media媒体查询，可以分别控制不同屏幕大小的css

http://zh.learnlayout.com/med...

Answer 2

谢邀！
pc和移动端适配方案，知乎上之前有讨论，具体您可以参照：https://www.zhihu.com/questio...，至于手机访问网站，隐藏div模块，可以通过判断浏览设配、css媒体查询等方法

Answer 3

补充一个操作

js有个navigator.userAgent属性，可以打开浏览器调试模式试一下，直接输入就好。
返回的是个字符串，可以通过各种方式提取到字符串中的关于设备的信息。
通过这个，不仅可以辨别是手机还是电脑，还能辨别是苹果、安卓、Ipad甚至是不是用微信打开的。

Answer 4

1.用媒体查询
2.直接使用bootstrap 框架
3.如果需要，也可以用js判断是不是手机访问的

Answer 5

1楼、2楼、3楼、4楼的方法都能用；我再补充一个方法，服务器后端是可以捕获header头的，也可以由后端判断是不是手机访问后输出对应的前端页面。

Answer 6

楼上说的都是对的。
变化不大的，做一套，然后媒体查询之类转换。
变化太大了，PC一套，mobile一套