【页面视口问题】请教布局视口大小和缩放的关系？

Question

我在学习layout viewport的时候，了解到scale缩放不会影响到layout viewport的大小。缩放时，layout viewport的大小是不变，但是当在使用scale解决1px问题的时候，如下：

<meta name="viewport" content="inital-scale=0.5, width=device-width">

我获取的layout viewport宽度和vistual viewport都放大了一倍！那么不是说明scale会影响layout viewport的大小吗？layout viewport的宽度和vistual viewport的宽度有什么关系吗？

Answer 1

initial-scale一开始会设置layout viewport和vistual viewport相同

Answer 2

我觉得还是不要改这边的scale，会影响整个页面的布局。

Answer 3

initial-scale = 0.5 相当于就是用户触屏缩放 缩放后肯定layout viewport是不受影响的 因为布局没有受影响

initial-scale = 0.5相当于缩小屏幕
initial-scale = 2 相当于放大屏幕

在initial-scale = 0.5 下 layout viewport 布局视口 = 理想视口 / 0.5 = 750
将750尺寸的布局视口放在375理想视口中显示就出现缩小效果，
同时视觉视口 对应容纳的就是 750的布局视口宽度，所以视觉视口 = 750