CSS 中的重叠文本 - 如何更改它？

Question

我正在尝试更改我的 css 文件中的重叠元素（文本）。一行文本（在常规浏览器中）在移动设备中显示为两行文本，重叠在一起。

此更改适用于网站的移动版本（横向平板电脑的@media 部分）

目前，标题 ( h2 ) 文本在 iPad/平板电脑上重叠。

来自 h2 @media 部分的代码：

 .da-slide h2{
    font-size: 36px;
    width: 80%;
    top: 40px;
    padding: 18px 20px 18px 20px;

（ .da-slide h2 是在 html 中保存此文本的组件）

我尝试了 line-height 属性，但没有用？

有任何想法吗…

原文由 ThePlague 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您确定 line-height css 属性已应用于您的班级吗？

CSS

     .da-slide h2{
        font-size: 36px;
        line-height: 36px;
        width: 80%;
        top: 40px;
        padding: 18px 20px 18px 20px;
    }

否则，您是否在标题中添加了元标记？

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

此外，对于响应式网站，请确保未调整文本：

CSS

 body { -webkit-text-size-adjust: none; }

原文由 Romain 发布，翻译遵循 CC BY-SA 3.0 许可协议