我想让网站在 1366 像素以上的屏幕上打开，就好像视口是 1366 像素一样。也就是让网站在fullHD、2k、4k上看起来都一样，并且占据了80%左右的屏幕宽度。 我要.jpg
目前我知道两种不适合的解决方案。
- 使用变换比例或缩放 css 样式。这个方法不适合，因为有视差等js效果的问题。Transform 也使用 GPU，它可以被禁用。
- 使用大众单位。我不能排除这个选项，但我不能称之为方便。不过js还是会有问题的，我也不想为vw重写js。
无论如何，这两种解决方案都不适合我。有了它们，我只会扩大网站，而不是缩小视口的大小。
在浏览器中，您可以使用 Ctrl + "+-" 组合放大。在这种情况下，视口会改变。在这种情况下，一切正常，JS 没有问题。window.devicePixelRatio 的值也会改变。 缩放浏览器.jpg
问题：有什么办法可以改变视口的大小？
有没有办法设置你的 window.devicePixelRatio 来改变视口比例。我尝试使 window.devicePixelRatio = 2，但没有任何变化。