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

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

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

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

来自h2 @media部分的代码：

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

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

我尝试了行高属性,但它没有用？

有任何想法吗…

解决方法

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