移动端P标签文本末尾出现灰色细线问题求助（使用Bulma CSS）

针对真实移动设备上<p class="title is-4">文本末尾出现灰色细线的问题，可通过以下方式解决：

• 覆盖标题类的文本装饰样式
  部分移动端浏览器或Bulma的移动端适配规则会给标题添加默认的细线/下划线，直接禁用相关属性：

  .title.is-4 {
    text-decoration: none !important;
    border-bottom: none !important;
    -webkit-text-decoration: none !important; /* 兼容iOS Safari */
  }
  

• 禁用可能生成细线的伪元素
  如果细线是由:after伪元素生成的，直接隐藏该伪元素：

  .title.is-4:after {
    display: none !important;
  }
  

• 优化移动端字体渲染
  少数情况是移动端字体渲染异常导致的细线，可添加属性优化：

  .title.is-4 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  

说明：该问题仅在真实移动设备出现，是因为桌面端/浏览器模拟视图的渲染引擎与真实移动端（如iOS Safari、安卓Chrome）存在差异，部分移动端浏览器会对标题文本应用额外的装饰规则。

内容的提问来源于stack exchange，提问作者Krish Anjel