css 文本装饰:下划线;不适用于移动的

v09wglhw  于 2023-02-14  发布在  其他
关注(0)|答案(1)|浏览(148)

我的问题是:我在我的导航栏以及我的标题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>
gkl3eglg

gkl3eglg1#

我也有同样的问题,只是没有“波浪”部分,只是老式的“文本装饰:下划线;“
在桌面上工作得很好,在移动的上一点也不好。
对我来说是个缓存问题。
我最近在site.css文件中创建了一个新的.underline{}类,并用调用它,但新的css文件显然没有在我的移动终端上更新。我不知道如何在我的移动设备上强制完全重载(Android Chrome)...?所以我只是匿名查看了页面,它检索到了site.css的一个新副本s在正常浏览模式下仍然不能正确显示,但我假设css文件最终会自我更新。

相关问题