我的网站不兼容移动设备？

Question

在我的网站上，我正在使用正常容器（4.0）的引导程序

当我将其设置为移动尺寸时，虽然我使用的是百分比，却会产生奇怪的边距？

Codepen上的代码。

注意：

#heading1 {}
#text1 {}

网站上没有使用该问题，请忽略它们。

Answer 1

当你说奇怪的边距不足以描述问题时。从你的例子我可以看到文本溢出。它是jumbotron中的文字，字体大小为4.5rem，如果你在移动视图中减少它，它就不会流过容器。

我所指的类添加字体大小为：

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1;
}