Zurb Ink响应式HTML电子邮件：提高移动设备的线路高度

Question

使用Zurb Ink（http://foundation.zurb.com/emails/docs.html）

我为自己的电子邮件创建了自适应布局。对于移动设备，尤其是iPhone，我一直在使用-webkit-text-size-adjust: 150%;来增加仅限移动设备的字体大小。但是，line-height没有调整，我留下了更大的字体大小，正如我想的那样，但是一些垂直重叠，因为较大的字体仍然有较小的线高。

我尝试在style代码中添加此内容：

@media only screen and (max-width: 480px) {
  .body {
    font-size: 16px !important; line-height: 38px;
  }
}

然后通过zurb inliner（http://foundation.zurb.com/emails/inliner.html）

运行它

但无济于事。任何人都知道如何仅在移动设备中增加HTML电子邮件的行高？

Answer 1

line-height可能在px中定义。将line-height语句更改为使用em单位。

例如，如果您之前有font-size 16px和line-height 20px，则可以将line-height更改为line-height: 1.25em 。这将保持与之前相同的线高，但在移动设备上更改时会缩放字体大小。