智能手机上的段重叠

Question

我正在使用自举模板并仅在智能手机（iPhone 6，Safari）上获得段落重叠。即使在将浏览器窗口缩小到最小尺寸以进行测试时，也能在浏览器上正常工作。手机上2行后重叠发生。

css中没有最大高度。这是段落的CSS：

.about-grid p {
    padding:0 0 0.5em 0;
    color: #333;
    font-size: 1.1em;
    line-height: 1.4em;
    font-family: 'Arimo', sans-serif;
}

您也可以see the full web page online。

Answer 1

修复起来非常简单：

在style.css的第1279行，您声明了一个断点

@media (max-width: 320px)

在第1391行，你有这个课程：

   .about-grid p {
        height: 50px;
        font-size: 1em;
   }

高度强制你的文本块只有50px高，因为你没有“溢出：隐藏;”文本溢出并最终重叠在其他所有内容上。如果您使浏览器窗口非常小，而不仅仅是在智能手机上，也会发生这种情况。

您所要做的就是删除该高度声明。如果您出于某种原因需要它，只需添加一个新类并使其更具体。

希望有所帮助:)