判断设备访问的JS代码
自适应布局
目前最好使用rem形式,根据根元素的字体大小的改变而改变,为了便于将PX换算成rem,一般将根元素的字体大小设置成10px;
我们也可以通过js根据窗口的大小而改变根字体的大小,从而改变rem中的大小。
自适应布局的实现:媒体查询+flex局部自适应
自适应布局:根据JS来判断不同的设备
布局特点:不同设备对应不同的html;局部自适应。
不同的设备用不同的页面或局部伸缩(比如两侧不变,中间弹性伸缩)
设计思路:判断设备的类型或控制局部的变化(可以通过navigator.userAgent获取设备的信息)
可以配合媒体查询
常见的场景是:局部自适应+媒体查询
自适应布局设定思路