Jquery 网页在较小分辨率下响应失败（仅由于文本溢出）

我有：

当我以桌面分辨率打开网页时，调整大小不会弄乱页面，但是当涉及到尺寸更小（宽度和高度低于500px）的移动浏览器（如你在Responsiator中看到的）时，就会出现这样的问题：如果我使用@media queries减少字体，文本就会溢出，因为它太小而无法阅读。因此，我结合使用了字体大小减小、文本容器大小增大和溢出：滚动到容器。但文本容器的高度仍然变得太小，无法放入div#block2中

我必须使用大量的@media查询来获得大量的最大宽度，因为在几个window.width范围内会出现混乱。所以，使用大量的@media查询是正常的，还是我必须对我的代码进行剧烈的修改

因此，一般来说，前端开发人员如何在较小的设备中看到响应能力，在这些设备中，块包装器和横幅在我们编排它们时表现完美，但文本和类似图像的内容是主要问题

---

我请求帮助，无论是在一般和解决方案的具体到这个网页。我对Jquery、CSS@media querys有相当多的了解。

我看到您的代码存在的问题是您的文本包装上设置了最大高度。这就是滚动条出现的原因。在我看来，当涉及到手机上的文本响应时，你必须允许文本以它想要的自然方式包装。这通常意味着让这一段变得很长很细。对于小屏幕来说，它只是一种你必须设计的东西

您可以在主要断点处使用媒体查询；768、640和480，以减少文本大小和填充，但正如您所说的，在某一点上很难阅读。为了安全起见，我不会将字体大小降低到14px以下

---

我希望这能有所帮助。

我明白你的意思，但我的问题是我有一个背景图像要分割#block2，所以我不能大幅增加高度，否则背景图像（它是横向的）我的客户不会接受我使用overflow的原因：滚动查看div#block2的高度不需要大幅增加，所以你能提出一个解决方案吗？如果你正在使用，我会与你的设计师一起敲定一个解决方案。如果由我决定的话，我会把第一段移到你设计的第一部分，把最下面的一段移到你现在的页脚。这样，当上面的文本变得又细又高时，它可以将飞机图像向下推多远。此外，我不会担心低于320px的屏幕。他们头痛得不值了。