我们正在寻找一个宽度为1230左右的现有（无响应）网站。因此，在移动设备上，它的内容，即使是按原样压缩，也会向右丢失大约10％。
这很糟糕，因为他们的电话号码（足够大，甚至可以在移动电话上压缩）是正确对齐的，除非观看者滚动，否则我们会丢失一些数字。
作为一种快速的止损补救措施，我认为我们可以设置：
<meta name="viewport" content="width=1235">
但在我正在测试的手机上忽略了这一点。
我已经检查过手机响应的视口宽度要低得多 - 如果我将它设置为300或者我放大内容（左上角），就像你期望的那样。只是它不响应超过1024的视口集。
答案 0 :(得分：0)
请记住，视口是移动设备的有效屏幕尺寸。这个想法是，由于您的网站没有响应，它没有任何好处。问题出在你的 CSS 上。
但是，您可以将视口设置为高于1024.通常，视口应该比您的网页内容略宽，以确保您的文字旁边有一点边距以便于阅读。
看看这个Introduction to Viewports。
不要忘记将此与媒体查询一起使用以实现响应。我经常使用它，它适用于各种移动设备。您不必硬编码内容宽度。
<meta name="viewport" content="width=device-width, initial-scale=1">
但正如我之前提到的，问题在于你的CSS定位和viewport标签不是解决方案。您可以进行媒体查询以减少电话号码的大小。