简单阐述一下,移动布局里面有三种窗口模式
1.布局视口:就是用手机打开网页能看到整个PC版的网页内容,用于早期pc和移动端对接的问题,默认分辨率980px
2.视觉窗口:手机屏幕相对显示整个PC网页的手机屏幕大小
3.理想窗口! ;简单说就是 不论网页多大显示多大 手机有多宽 我们的布局视口就有多宽
在移动布局中必须写入此代码 浏览器进行解读
<meta name=“viewport” content=“width=device-width,user-scrable=no”,initial-scale="1.0",maximum-scale="1.0",minimum-scale="1.0"}
content=“width=device-width; 宽度等于设备宽度!
用户缩放操作 user-scalable=“no” yes/no=1或0
在头部标签中使用