h2文字被切断以便在移动设备上显示

对不起，这让我疯狂，我敢肯定它很简单，但无法破解它。h2文字被切断以便在移动设备上显示

根据屏幕截图，移动设备上的文字被截断，我认为这是通过调整边距或边界来调整CSS，但无济于事。有人可以提出解决方案吗？或者指点我一个解决方案？

查看此网站www.yostrato.com

#owl-main-text { 
    height: 180px; 
} 

    #owl-main-text h2 { 
     font-size: 25px; 
     text-align: center; 
     color: #fff; 
     font-weight: 600; 
     text-transform: uppercase; 
     font-weight: 600; 
     letter-spacing: 10px; 
     margin-top: 0; 
     margin-bottom: 7px; 
     margin-top: 35px; 
     font-family: "Montserrat"; 
     background-color: rgba(193, 48, 48, 0.79); 
    }

来源

2017-01-07 Dano007

显示CSS的其余部分。问题在于包含div。 – Dominofoe

干杯，帮助，找到并更新。 – Dano007

变化高度最小高度这里：

#owl-main-text { 
    min-height: 180px; /* or whatever value */ 
}

来源

2017-01-07 12:56:55 Johannes

通过增加高度解决了180像素：

#owl-main-text { 
    height: 180px; 
}

来源

2017-01-07 12:48:20 Dano007

使用媒体查询，以增加高度优惠，红色在H2文本开始被切断之前的彩色div。

来源

2017-01-07 12:49:40 Dominofoe

h2文字被切断以便在移动设备上显示

回答

相关问题