查看 html 代码时如何绕过某些电子邮件客户端

Question

我正在构建一封电子邮件，我想使用position:relative 将链接定位在我需要它们的位置。唯一的问题是 iphone 会受到此更改的影响。我希望能够将 IOS 排除在此更改之外，并让他们看到我的代码没有位置标签。 有没有办法从 CSS 属性中排除 iPhone？

我已经在 litmus 上测试了我的代码，除了所有的 iphone 之外，每个电子邮件客户端都可以正常工作。 ipad 可以正常工作，所有主要的电子邮件客户端也可以正常工作。

Answer 1

是的，如果您使用 CSS 媒体查询，这是可能的。要将 CSS 用于非 IOS 设备，请使用以下媒体查询：

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}

另外，如果只为 IOS 设备做 CSS，你可以使用：

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

我希望这能回答你的问题:)