Question

这是一个没有响应但是可以容纳全屏移动屏幕的网站。 http://www.tones.be（尝试在移动设备上打开然后你会理解我的意思。它没有水平滚动条，它是桌面网站的放大版本）。我也想建立类似的网站，但无法弄清楚如何这样做。我知道如何使用媒体查询来处理屏幕大小。任何建议都会有所帮助。

Answer 1

将元标记放在头部

<head>
    <title>My Website</title>
    <meta name="viewport" content="user-scalable = no">
</head>

Answer 2

您可以尝试在页面头部添加此内容：

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

这将尝试使浏览器以全角显示页面。

Answer 3

您可以尝试此解决方案。它对我有用。

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

Answer 4

我发现了

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

为我工作。它可以将页面完全缩小，但是如果用户难以阅读文本，则可以放大页面。