段落重叠在智能手机上

Question

我使用引导程序模板并仅在智能手机（iPhone 6，Safari）上重叠段落。即使将浏览器窗口缩小至最小尺寸以进行测试，也能在浏览器上正常工作。手机上的两行发生重叠。

在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

It's修复很简单：

在style.css中的1279线已断点宣布

@media (max-width: 320px) 

和线1391你有这个类：

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

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

您只需删除该高度声明即可。如果您因为某种原因需要它，只需添加一个新类并使其更具体。

希望它有帮助:)