Html 移动和小屏幕的文本溢出问题

我正在努力优化我的手机和小屏幕网站。该网站在1920x1080及以上的任何项目上都非常完美。我使用的是bootstrap，我无法找出我的代码有什么问题，从而阻止了移动设备的扩展

我的背景似乎没有缩放到文本，也就是说，这些背景看起来是完全静态的，文本可能会溢出，并叠加到页面的其他部分。我想做的是背景色，白色，灰色，深灰色延伸到移动视图上的文本区域

---

提前感谢您。

在每个div中，您的身高和百分比。把这些都拿出来，你的网站就可以了

我还注意到旋转木马加载图片的速度非常慢。如果将每个压缩到大约200k或更少，则加载速度会更快，并且仍保持分辨率正常

你有一个

我建议把它改成.8或.9或1

导航栏菜单不适用于移动屏幕。查看下面的链接，了解boostrap导航菜单应该是什么样子，并按照示例创建一个导航菜单

像这样的部分应该有相同数量的文本。因此，请将中间的一行稍微缩短一点，但要使所有部分都等于文本和行的数量，例如3行或4行文本，以便它们具有响应性。一个解决办法是给一个部分一个最小高度，但我不建议这样做

此外，标题“学习和解决问题”太长。你可以把它变成学习

---

使用viewport meta标记，将其放在您的头部

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

对于字体大小，我更喜欢使用vhviewport height和vwviewport width来控制大小。这样，大小将与设备视图成比例

不过要小心。视口标记可能会导致高度渲染问题。为此，我使用vh

---

此外，如果页面要适合屏幕，在视口标记中使用user scalable=no可能是一个好主意。但只有当您希望最终用户不放大和缩小时，才可以这样做

如何删除高度和宽度属性的百分比？如果我通过像素定义它们，同样的问题也会发生。我已经调整了导航栏，使其在移动设备上消失。@Zaidra，你在我的回答中看到了吗？你给出的高度：75%。把它拿出来。引导设置为responvive。你会在我的作品，我的技能，大约，页脚divs中看到这些高度。每一部分你都有一些东西检查并取出高度。这才是问题所在up@Zaidra我已经在浏览器和手机上做了测试。看起来很好。导航菜单需要分类，因此使用引导中的建议使其响应。除此之外，转盘图片加载速度非常低，因此在保持分辨率的同时尽可能小地压缩图片ok@humble.rumble我花了20秒才找到问题所在。他确实提供了一个website@humble.rumble没必要生气。我一整天都在研究这个问题，直到现在才在晚上10点才把stack作为最后的选择，因为我头痛得厉害，头脑也很疲惫。这是一个与引导有关的问题，我在代码中做了一些事情来克服它的反应性，对此我一无所知。厌倦与警惕。。。我不敢相信我把这些都弄混了。。。掌纹