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

发布时间：2020-12-14 23:49:58 所属栏目：资源来源：网络整理

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

我正在尝试更改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; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!