2016-12-25 117 views
1

我有一个特殊的应用程序,需要在特殊的硬件上运行(不是电脑,不是手机)。我从配置文件中获得了屏幕大小,并在运行时进行了页面大小调整,我需要修复网页大小,通过更改浏览器缩放级别或其他大小来防止缩放。 如何防止我的网页调整大小或缩放(甚至浏览器缩放)?强制页面大小到一定大小

感谢

+1

我知道你有你自己的理由这样做,但你真的应该尽量避免禁用调整大小和缩放。如果您的内容绝对必须是特定的固定尺寸,您应该给它特定的尺寸,然后将其置于页面上。我不知道禁用缩放的任何好理由。这里有一篇文章解释了为什么你不应该禁用它。 http://adrianroselli.com/2015/10/dont-disable-zoom.html – Moob

+0

感谢您的回复,但我需要一个修复大小页面,防止整个页面上的缩放而不是内容。 – Mahsa

回答

1

添加此meta标签在你<head>标签:

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

添加到您的CSS:

html,body{ 
    width:100vw; 
    height:100vh; 
    margin:0; 
    padding:0; 
    overflow:hidden; 
}