移动端适配
默认在手机上打开浏览器,里面的宽度都是980px。这段代码作用:将页面宽度设置为与设备宽度一致。实际上,它就是设置了理想视口,将布局视口的宽度(网页宽度)设置成了理想视口(浏览器/设备屏幕的宽度)。理想视口就是css布局区域宽度(或者可以说整个网页宽度)等于设备宽度布局视口:就是浏览器网页css的布局区域,移动设备浏览器默认将viewport设置为980px,是为了能正常显示pc端的网页,但是会出现横向滚动条。视觉视口: 终端设备显示网页的区域 (手机缩放网页,显示的区域就变大,视觉视口也就大)
原创
2022-10-30 11:10:48 ·
871 阅读 ·
1 评论