强制将页面大小设置为特定大小

时间:2016-12-25 13:04:17

标签: javascript html css

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

由于

1 个答案:

答案 0 :(得分: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;
}