我有一个无响应的网页，内容居中，宽700px，高700px。我在移动设备上显示内容时遇到了问题(我正在安卓系统上测试Chrome，但我猜其他设备也会出现同样的问题(。我尝试过使用viewport meta和css媒体屏幕的各种方法，但Chrome会不断放大页面的某些部分，而不是显示所有内容。这让我感到惊讶，因为当我访问显然没有针对移动设备进行优化的网站时，我通常的体验是看到整个页面；缩小"；然后我可以放大。我本来希望我的页面也能像这样工作，但无论我做什么，我都无法让我的页面像那样工作。
此外：如果你知道一种方法"；"自动缩放"；从而在不显示空白的情况下完全显示居中的内容。类似于同时定义最小宽度和最小高度的视口元标记。
是否设置了<meta name="viewport" content="width=device-width, initial-scale=1">？
有关视口元标签的更多信息