В электронной почте мы можем скрывать содержимое в зависимости от почтового клиента.
Если вы добавите это в таблицу стилей:
<style>
.android {display: block;}
.webkit {display: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.android {display: none;}
.webkit {display: block !important;}
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
.android {display: none;}
.webkit {display: none;}
</style>
<![endif]-->
Это говорит почтовому клиенту, является ли он Android или любым почтовым клиентом, отображает класс .android
Медиа-запрос говорит всем клиентам веб-набора (Apple Mail, IOS) скрыть Android и отобразить ссылку веб-набора.
<!--[if (gte mso 9)|(IE)]>
создает специальную таблицу стилей, чтобы скрыть классы .android
и .webkit
из Outlook.
В теле письма сделайте следующее:
<!--[if mso | IE]>
Outlook Only: url://that-works-with-outlook
<![endif]-->
<!--[if !mso 9]><!-->
<span class="android">All Email Clients: https://myapp/mainpage?param=123</span>
<span class="webkit" style="display: none;">Webkit-only: myapp://mainpage?param=123</span>
<![endif]-->
<!--[if !mso 9]><!-->
скрывает URL-адреса Apple и других устройств от Outlook, поэтому они не отображаются в Outlook в вашей электронной почте.
<!--[if mso | IE]>
скрывает URL-адреса только для Outlook от клиентов, не являющихся клиентами Outlook.
.webkit
класс скрывает ссылку Apple / IOS от других клиентов.
.android
скрывает URL, который работает для других клиентов из Outlook.
Таким образом, вы можете настроить таргетинг на Outlook, Apple и работать со всеми остальными почтовыми клиентами без путаницы с конечным пользователем.
Удачи.