0

我开发了一个在 Windows 和 iPad 上运行的工作流应用程序。

现在，我想向我的用户发送电子邮件，允许他们从他们的电子邮件客户端打开应用程序（如果他们从 Windows 笔记本电脑运行 Outlook；如果他们在路上运行，则使用 iPad 电子邮件）。

对于 Windows，我能做到这一点的唯一方法是附加一个我的应用程序注册打开的文件（其中将包含我想传递给应用程序的信息）。

对于 iPad，我将包含一个超链接，使用我的应用程序专门注册的自定义 URL 方案。

可以从两种设备中的任何一种打开相同的电子邮件：有没有办法在 iPad 上查看时隐藏附件，在 Outlook 中查看时隐藏超链接？

我知道我也可以注册 iPad 应用程序来打开相同类型的文件，但我更喜欢超链接选项。

4

2 回答 2

1

使用 CSS @media 查询，您可以（并且应该）战略性地隐藏元素以优化手机显示和桌面电子邮件客户端显示

所有电子邮件客户端css 属性的电子邮件中什么和什么不使用的参考指南

并使用它来检查它是 ipad 还是 pc

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

使用 display:none / block 根据您的要求显示隐藏

于 2013-03-01T11:34:18.243 回答
0

以下似乎有效：

<style>
    .outlook {display:block}
    .iPad {display:none}

    @media screen and (-webkit-min-device-pixel-ratio:0) {
      .outlook {display:none}
      .iPad {display:block}
    }
</style>
于 2013-03-01T12:15:04.647 回答