我可以将视口设置为高于 1024 吗？答案

【问题标题】：Can I set a viewport higher than 1024?我可以将视口设置为高于 1024 吗？
【发布时间】：2014-01-08 19:47:08
【问题描述】：

我们正在查看一个现有的（非响应式）网站，其宽度约为 1230。因此，在移动设备上，其内容即使按原样压缩，也会在右侧损失大约 10%。

这很糟糕，因为他们的电话号码（大到足以看到，甚至在手机上压缩）是右对齐的，除非观众滚动浏览，否则我们会丢失一些数字。

作为一种快速的权宜之计，我认为我们可以设置：

<meta name="viewport" content="width=1235">

但这在我正在测试的手机上被忽略了。

我已经检查过手机对视口宽度的响应要低得多 - 如果我将其设置为 300 或其他比我放大内容（左上角）的值，正如你所期望的那样。只是它不响应设置超过 1024 的视口。

【问题讨论】：

【解决方案1】：

请记住，视口是移动设备的有效屏幕尺寸。这个想法是，由于您的网站没有响应，它没有任何好处。问题出在你的 CSS 上。

但是可以，您可以将视口设置为高于 1024。通常，视口应该比您的网页内容稍宽，以确保您的文本旁边有一点边距以提高可读性。

不要忘记将其与媒体查询一起使用以实现响应能力。我通常使用它，它适用于各种移动设备。不过，您不必对内容宽度进行硬编码。

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

但正如我之前提到的，问题在于您的 CSS 定位，而 viewport 标签不是解决方案。您可能可以进行媒体查询以减小电话号码的大小。

【讨论】：