我们正在查看一个宽度为 1230 左右的现有（非响应式）站点。因此，在移动设备上，其内容即使按原样压缩，也会在右侧损失约 10% 的折扣。
这很糟糕，因为他们的电话号码（大到足以看到，甚至在手机上压缩）是右对齐的，除非观众滚动浏览，否则我们会丢失一些数字。
作为一种快速的权宜之计，我想我们可以设置：
<meta name="viewport" content="width=1235">
但这在我正在测试的手机上被忽略了。
我已经检查过手机响应的视口宽度要低得多——如果我将其设置为 300 或其他比我放大内容（左上角）的值，正如你所期望的那样。只是它不响应超过 1024 的视口设置。
请记住，视口是移动设备的有效屏幕尺寸。这个想法是，由于您的网站没有响应，它没有任何好处。问题在于您的CSS。
但是是的，您可以将视口设置为高于 1024。通常，视口应该比您的网页内容稍宽，以确保您的文本旁边有一点边距以提高可读性。
看看这个视口简介。
不要忘记将它与媒体查询一起使用以实现响应能力。我通常使用它，它适用于各种移动设备。不过，您不必对内容宽度进行硬编码。
<meta name="viewport" content="width=device-width, initial-scale=1">
但正如我之前提到的，问题在于您的 CSS 定位，而 viewport 标签不是解决方案。您可能可以进行媒体查询以减小电话号码的大小。