在移动浏览器中显示页面时自动缩小？

Question

我正在一个网页（Merlot 模板）中开发一个简单的 GitPages 小程序（HTML/JavaScript/JQuery）。 这一切都很好，除了当页面以纵向模式（Android 或 iPhone）显示在 Chrome 移动浏览器上时，它会以缩放模式出现。 当我捏缩小它时，它很合适，但我每次都必须捏。

示例页面在这里： https://securityessentials.github.io/ThreeRandomWords/ThreeRandomWords.html 。

我怎样才能让它自动缩小？

• 查尔斯

Answer 1

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag

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

此元标记应设置初始比例

Answer 2

啊哈，感谢@rmbdeivis 的评论：这是一个解决方案：

在head部分（在 Git Pages 中表示 _includes/head_custom.html）我添加了以下内容来更改视口指令。 如果这是在正文部分，则它不起作用-也许浏览器在开始解析正文时设置了视口。

<script>
    // Fix template to make zooming work correctly in Chrome on mobile.
    $('meta[name="viewport"').attr("content", "width=device-width, initial-scale=0.5, maximum-scale=5.0, minimum-scale=0.5"); 
</script>