viewport中设置width=1080 user-saclable=no会使显示内容正好变成1080，不应该略小于1080么

Question

问题描述
最近写h5，我设置一个元素的宽为1080px,然后设置viewport：width=1080user-saclable=no，这个元素正好充满屏幕，可是我在看了viewport相关知识后，有一个疑惑，width=1080设置layoutviewport的宽，1080应该大于device-width,这个元素的显示不是应该大于屏幕宽度么,为什么再加上user-scalable=no就变成等于屏幕宽度了

Answer 1

因为还有一个visualviewport，当你不设置initial-scale，visualviewport会自动缩放，尽可能让整个页面显示，你可以通过window.visualViewport.scale来获取scale的大小

Answer 2