如何设置初始缩放以显示网站的完整内容?

时间:2016-01-04 14:32:09

标签: html viewport meta

我通过将宽度设置为1280px来制作一个小的html5画布游戏。 现在在移动视图中,我发现最初浏览器缩小显示整个内容,这很好,因为我想要的确如此。我想知道是否有办法在没有任何滚动的情况下完全显示移动屏幕中的1280px内容,并且还阻止用户放大和缩小。

我发现meta视口用于防止缩小,但是使用此视图时,初始缩放级别为100%,因此滚动内容显得非常大。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

此外,是否可以像在浏览器本身的移动设备中那样设置缩放级别。例如,如果我在1024px屏幕中,它将缩小以显示整个1280px内容。

1 个答案:

答案 0 :(得分:0)

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