网站只在手机上显示半屏？屏幕的其余部分只是身体背景？

Question

好吧，我有一个很大的问题，我不知道如何绕过，我以前从未遇到过这种情况 - 我网站的一半不会在手机上显示。它减少了一半。我必须在一周内展示这个网站，直到现在还没有在移动设备上测试过 - 我不知道该怎么做。这里是：

我有一个完整尺寸的图像作为顶部图像，其中的文字正在延伸，但我不知道问题是什么。我使用了一些媒体选择器，我的CSS，但只改变各种小东西。

我读到了在CSS中设置site-content宽度 - 这可能是问题吗？

我很绝望 - 我该如何解决这个问题？

Answer 1

理想情况下，您可以计划移动友好性。但是，一个非常快速的修复，让它看起来不可怕是替换：

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

在HTML中：

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

这会将屏幕宽度设置为设备宽度，但不会将文本完全缩放到适合移动设备的尺寸，这意味着您的字体将小于应有的尺寸，但它会适合。这是一个截图：