前端之家收集整理的这篇文章主要介绍了
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; }
原文链接：https://www.f2er.com/html/227922.html
