Html 跨距和边框底部之间的空间过大

有时跨度和边界底部之间有奇怪的空间。尤其是在移动设备上观看时。您可以在此处看到屏幕截图：

代码

。标题{
文本对齐：居中；
边框底部：2个实心#fb7a6d；
文本转换：大写；
利润率：18px0；
明确：两者皆有；
}
.航向跨度{
显示：内联块；
背景色：#fb7a6d；
颜色：#fff；
填充：3x16px；
}
@仅介质屏幕和（最大宽度：479px）{
.标题{
填充：2x25px；
}
}

---

价格和发布日期

添加

利润顶部：-1px

在

标题span

中，您的.heading中有两个空格：2px。尝试将其更改为：0。

@media only screen and (max-width: 479px) {
    .heading {
        padding: 2px 25px 0 25px;
    }
}

@media only screen and (max-width: 479px) {
  .heading {
    padding: 2px 25px 0px 25px;
    //padding: 0px 25px 0px 25px;
  }