移动端调试
按下 F12,打开浏览器的开发者窗口,点击下图按钮,进入设备模拟页面,然后按下 F5 刷新一下页面。
控制页面的缩放
按住 shift 键,然后在移动端设备模拟界面中按下鼠标左键同时鼠标上/下滑动(模拟移动设备浏览器中的双指控制缩放),页面会放大/缩小
前提:没有在 html 页面中添加下面的移动端视口标签,限制页面不可被用户手动缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable-no">