网页未在移动设备上调整大小 - Bootstrap 5 +particle.js

Question

我正在尝试让网页自动调整大小以适应移动设备。 在 Lagre Screen 上它看起来不错，但在移动屏幕上却混杂在一起。字体在手机屏幕上变大而不在中心

如果有人对我应该做什么有任何想法，请告诉我。

这里是代码链接

jsfiddle.net/osmania/smc3rf2k/4/

很多

Answer 1

要修复第二部分中的文本变得混乱，您需要做的就是删除 .middle2 类上的 height 属性：

.middle2 {
  /* height: 40vh; * <-- REMOVE THIS /
}

通过删除 height 属性，它允许内容占用所需的垂直空间。此解决方案适用于您的桌面和移动网站，因此您无需使用任何媒体查询。

http://jsfiddle.net/og4ye0t6/