Html 如何强制移动浏览器在不放大的情况下显示整个网页？

我有一个无响应的网页，其中心内容宽度为700px，高度为700px。我很难让移动设备显示内容（我正在Android上用Chrome进行测试，但我猜其他设备也会出现同样的问题）。我尝试过使用viewport meta和css媒体屏幕的各种方法，但Chrome不断放大页面的某些部分，而不是显示所有内容。这让我感到惊讶，因为当我访问显然没有针对移动设备进行优化的网站时，我通常的体验是，我看到整个页面“缩小”，然后可以放大。我希望我的页面也能像这样工作，不管我做什么，我都不能让我的页面像那样工作

另外：如果您知道一种“自动缩放”的方法，以便在不显示空白的情况下完全显示居中的内容，则可获得额外的积分。类似于同时定义最小宽度和最小高度的视口元标记。

是否设置了

您是否设置了

---

是的，这是我尝试的第一件事。这导致Chrome放大了部分内容，而不是显示整个内容。是的，这是我第一次尝试。它导致Chrome放大部分内容，而不是显示整个内容。