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

概述我正在尝试更改css文件中的重叠元素(文本).一行文本(在常规浏览器中)在移动设备中显示为两行文本,重叠在一起. 此更改适用于网站的移动版本(横向平板电脑的@media部分) 目前,标题(h2)文本在iPad /平板电脑上重叠. 来自h2 @media部分的代码： .da-slide h2{ font-size: 36px; width: 80%; top: 40px; 我正在尝试更改CSS文件中的重叠元素(文本).一行文本(在常规浏览器中)在移动设备中显示为两行文本,重叠在一起.

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

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

来自h2 @media部分的代码：

.da-slIDe h2{    Font-size: 36px;    wIDth: 80%;    top: 40px;    padding: 18px 20px 18px 20px;

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

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

有任何想法吗…

解决方法@H_404_19@ 你确定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; }

总结

以上是内存溢出为你收集整理的html – CSS中的重叠文本 – 如何更改它？全部内容，希望文章能够帮你解决html – CSS中的重叠文本 – 如何更改它？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。