html - 如何在移动设备上全宽显示网站

Question

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

score 14 · Accepted Answer

将元标记放在头部

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

score 7 · Accepted Answer

您可以尝试在页面标题中添加此内容：

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

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

score 1 · Accepted Answer

你可以试试这个解决方案。它对我有用。

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

score 0 · Accepted Answer

我发现

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

为我工作。它加载完全缩小的页面，但如果用户难以阅读文本，则允许用户放大。

4 回答 4