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">

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