Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在运行时更改视口比例?_Javascript_Html - Fatal编程技术网

Javascript 在运行时更改视口比例?

Javascript 在运行时更改视口比例?,javascript,html,Javascript,Html,我想在运行时设置视口比例-移动浏览器应该在设置后立即应用更改吗?这就是我正在尝试的: var scale = 2.0; var viewport = document.getElementById("viewport"); if (viewport != null) { viewport.setAttribute("content", "initial-scale=" + scale + ", " + "maximum-scale=" + scale

我想在运行时设置视口比例-移动浏览器应该在设置后立即应用更改吗?这就是我正在尝试的:

var scale = 2.0;
var viewport = document.getElementById("viewport"); 
if (viewport != null) {
    viewport.setAttribute("content", 
        "initial-scale=" + scale + ", " +
        "maximum-scale=" + scale + ", " +
        "minimum-scale=" + scale + ", " +
        "user-scalable=no");
}
但它似乎不起作用。基本上,我想要一个按钮,按下时视口比例加倍。我的主要目标是移动狩猎


谢谢

有几件事需要考虑:

  • 视口内容字符串应以逗号分隔,而不是一系列语句
  • 最小比例
    应该在那里,因为我认为
    初始比例
    仅用于页面加载

    • 需要考虑以下几点:

      • 视口内容字符串应以逗号分隔,而不是一系列语句
      • 最小比例
        应该在那里,因为我认为
        初始比例
        仅用于页面加载

      不要使用分号(
      ),在属性中使用逗号(
      )string@ahren好的,谢谢更新-再试一次,但是当我在iphone(4s)上点击一个按钮来运行代码时,似乎没有任何视觉上的变化。谢谢您可能还需要设置
      最小比例
      -因为我认为
      初始比例
      仅在页面加载时有效…确定添加了最小比例,仍然没有运气。不过,初始设置是受尊重的(就像我只在html头部设置了上述参数,然后重新加载页面一样,比例也受尊重)。这听起来不是居高临下-但html元素是否具有id
      视口
      ?不要使用分号(
      ),使用逗号(
      )在你的属性中string@ahren好的,谢谢更新-再试一次,但是当我在iphone(4s)上点击一个按钮来运行代码时,似乎没有任何视觉上的变化。谢谢您可能还需要设置
      最小比例
      -因为我认为
      初始比例
      仅在页面加载时有效…确定添加了最小比例,仍然没有运气。不过,初始设置是受尊重的(比如,如果我只在html头部设置上述参数,然后重新加载页面,那么比例也会受到尊重)。这听起来不是居高临下——但是html元素是否具有id
      视口