如何在移动设备上全宽显示网站答案

【问题标题】：how to show website with full width on mobile devices如何在移动设备上全宽显示网站
【发布时间】：2013-09-04 15:49:15
【问题描述】：

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

【问题讨论】：

标签： html css

【解决方案1】：

将元标记放在头部

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

我发现了

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

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

【讨论】：