【发布时间】:2023-03-08 11:20:02
【问题描述】:
我做了一个小的 html5 画布游戏,宽度设置为 1280px。 现在在移动视图中,我发现最初浏览器会缩小以显示整个内容,这正是我想要的。我想知道是否有一种方法可以在移动屏幕上完全显示 1280 像素的内容而无需任何滚动,并且还可以防止用户放大和缩小。
我发现元视口被用来防止缩小,但通过使用它,初始缩放级别是 100%,因此内容在滚动时显得非常大。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
此外,是否可以在浏览器本身中设置缩放级别,就像在移动设备中一样。例如,如果我在 1024px 的屏幕中,它会缩小以显示整个 1280px 的内容。
【问题讨论】: