一、总结
一句话总结:加上这句话即可:<meta name="viewport" content="width=device-width,initial-scale=1.0">。
1、移动设备上的三个viewport是哪三个,分别代表什么?
2、移动设备上的理想视图区域是什么?
3、css中的1px并是否等于移动设备的1px,为什么?
4、影响css的px与物理设备px的因素有哪些?
5、要把当前的viewport宽度设为ideal viewport的宽度,既可以设置 width=device-width,也可以设置 initial-scale=1,但是最后为什么我们两个一起用?
6、手机浏览器为了兼容桌面网站,做了什么样的操作?
二、meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
移动前端开发之viewport的深入理解