【问题标题】:How to set the initial zoom to show full content of the website?如何设置初始缩放以显示网站的全部内容?
【发布时间】: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 的内容。

【问题讨论】:

    标签: html viewport meta


    【解决方案1】:

    尝试添加minimum-scale=1并设置user-scalable=no

    【讨论】:

    • 我用过这种 有点用,不知道为什么
    猜你喜欢
    • 2011-12-23
    • 2011-12-24
    • 1970-01-01
    • 2019-10-16
    • 2020-03-03
    • 2023-02-15
    • 2011-04-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多