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

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

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

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

来自 h2 的代码@media部分：

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

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

我尝试过line-height财产，但它不起作用？

有任何想法吗...

您确定 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; }