我的问题是:我在我的导航栏以及我的标题H2和H1中的某些元素下了线。它在桌面版本以及移动版本的chrome开发工具中都能按我的意图工作,但当我使用真正的移动设备时,下划线都没有显示(无论是在chrome还是edge上)。
有人能帮我一下吗?
* {
padding: 0;
margin: 0;
text-decoration: none;
list-style-type: none;
box-sizing: border-box;
}
.articlechild h2 {
margin: 10px 0px;
font-size: 30px;
text-decoration: wavy #25fde9 underline;
}
<div class="articlecontainer">
<div class="articlechild">
<h1>Article Title</h1>
<h2>Introduction</h2>
1条答案
按热度按时间gkl3eglg1#
我也有同样的问题,只是没有“波浪”部分,只是老式的“文本装饰:下划线;“
在桌面上工作得很好,在移动的上一点也不好。
对我来说是个缓存问题。
我最近在site.css文件中创建了一个新的.underline{}类,并用调用它,但新的css文件显然没有在我的移动终端上更新。我不知道如何在我的移动设备上强制完全重载(Android Chrome)...?所以我只是匿名查看了页面,它检索到了site.css的一个新副本s在正常浏览模式下仍然不能正确显示,但我假设css文件最终会自我更新。