0

使用 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内联运行它（http://foundation.zurb.com/emails/inliner.html）

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

4

1 回答 1

1

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

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

于 2016-01-23T21:56:56.010 回答