FF中的Framework7消息样式问题

Question

Firefox中的framework7消息存在问题。附加的图像显示最后一条消息未正确显示。

这可以通过更改一些css属性来解决。 以下是我们使用的消息模板。没有额外的CSS设计。

string d = Regex.Match(str1, "^(?:.*_)?([0-9]{8})(?:\\..*)?$").Groups[1].Value.ToString();

Answer 1

Firefox无法修复。它只是不支持webkit浏览器中的CSS掩码

Answer 2

如果您的信息栏是固定高度，就像我的一样，您可以尝试

@-moz-document url-prefix() {
    .messages{
    padding-bottom: 44px;
     }
    .message-received > .message-text{
    margin-left: 35px!important;
  }
}

这适用于我，但您无法在Chrome（或Safari）以外的任何浏览器中添加邮件的尾部。

这是因为它们是唯一支持-webkit-mask-box-image属性的浏览器。