【移动端适配 视口viewport】移动端meta属性设置的理想视口是什么

1、看一下我的代码

2、首先看什么都不设置直接打印console.log(document.documentElement.getBoundingClientRect().width)这个是获取视口的宽度的。看到iphone下视口是980，这是浏览器厂商设置的。

2、然后看理想视口呢？发现是375，这个是iphone的css屏幕宽度375，所以理想视口下，屏幕宽度就等于视口宽度，因此移动端适配的时候一般设置成理想视口模式ideal viewport

3、设置成0.5缩放比例，发现视口变成了750

4、设置成0.3333之后呢？视口大小变成了屏幕的3倍，也就是常说的2倍屏，3倍屏。

其他的layout viewport  、 visual viewport，you can find in移动前端开发之viewport的深入理解