【问题标题】:MSO-specific CSS hack for Outlook HTML email?Outlook HTML 电子邮件的特定于 MSO 的 CSS hack?
【发布时间】:2016-05-23 16:13:59
【问题描述】:

有大量的 IE 条件 hack(例如以 !ie 结束样式属性,* 字符的各种用法等)。

我在发送到 Outlook (2013) 的电子邮件中以内联样式尝试了其中的几个,但它们似乎不起作用。

我试过mso-width-alt:100%what little documentation I can find 没有显示它支持百分比。

我也试过 !mso 只是想看看它是否有任何作用,但它没有。

我想知道是否有人知道任何可用于 Outlook/MSO 内联样式的 CSS hack?


更具体地说,我有一个表需要在 Outlook 中为 width:100%,但在 iOS 中中断,所以我使用 min-width:100%,它在 Outlook 中不起作用。我知道我可以将表格标签包装在一个条件中并完全换掉它以使其工作,但我正在尝试一个更优雅的解决方案,如果存在的话。

【问题讨论】:

  • 大部分问题听起来像是在寻求资源,以获取 Outlook 特定 CSS 功能的描述列表。像这样的问题是不受欢迎的,所以以一个特定的问题结束是件好事!现在在 iOS 中表格以什么方式打破?
  • @MrLister 有一个固定宽度的单元格,如果表格宽度设置为 100%,则该单元格宽度似乎会接管并超出 iOS 邮件客户端中的屏幕宽度。在所有其他环境中,单元格宽度在表格宽度处达到最大值,即屏幕宽度为 100%,这给了我一个很好的响应设置。我仍然想知道是否有一种语法可以应用于其他环境忽略的 MSO,因为在许多情况下这将是一个优雅的(如果 hacky)修复。

标签: html css email outlook


【解决方案1】:

在属性前添加!

<table style="!width:100%"></table>

似乎只影响 MSO 和 IE

我会玩得很开心的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-08-17
    • 2016-02-12
    • 2014-03-12
    • 1970-01-01
    • 2022-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-23
    相关资源
    最近更新 更多