【问题标题】:Force the correct font-size in Blackberry for rendering in an HTML email?强制黑莓中正确的字体大小以在 HTML 电子邮件中呈现?
【发布时间】:2012-09-04 13:43:08
【问题描述】:

我正在处理需要在 Blackberry OS 上良好呈现的 html 电子邮件。文本的格式在黑莓中不断被放大,见截图。

黑莓------------正确------------

这是我当前的代码 -

<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="background-color:#000000 !important;padding:0;" bgcolor="#000000">
 <tr>
  <td style="color:#ffffff;font-size:12px;background-color:#000000;" bgcolor="#000000" valign="top">
    <span style="font-weight:bold;font-size:22px;mso-line-height-rule:exactly; line-height:24px;">
       Aliquam Commodo Velit vel Ipsum
    </span>
    <span style="mso-line-height-rule:exactly; line-height:13px;">
       <br>
    </span>
    Duis consectetur velit vel ipsum interdum anella onsequat lacus mattis.        
  </td>
 </tr>
</table>

任何想法将不胜感激。这正在破坏我的大脑。谢谢!

【问题讨论】:

  • 我现在也试过-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;,但无济于事。

标签: email mobile blackberry html-email font-size


【解决方案1】:

这是为我做的:

@media (max-width: 600px) {
      * { -webkit-text-size-adjust:none; }
}

【讨论】:

  • 虽然该修复对我没有特别的帮助,但它确实让我走上了正确的道路。 @media (max-width: 800px) {* td { -webkit-text-size-adjust:none !important; }}
  • 嘿,虽然这在 BB OS7 上效果很好,但我发现它使 OS6 上的文本非常小。你见过类似的东西吗?
  • 现在我只通过 Acid 上的电子邮件发送了它,测试应该很快就会到达我的测试人员的收件箱,所以如果有投诉我会更新。
  • 我只是想跟进(抱歉耽搁了)并说我们的测试团队批准了它,没有任何变化。
  • 好的,感谢您的跟进!很奇怪,我在 BB6 上遇到了这个小文本问题。
【解决方案2】:

尝试将 min-width='600px' 添加到表格中,因为某些设备不喜欢以 % 为单位的宽度(例如 Android)。另外,请注意font-size=12px 应用于&lt;span&gt;,就像应用于&lt;td&gt; 一样。

【讨论】:

  • 我不确定你在说什么。宽度只是一个假设。黑莓忽略了font-sizes,并以其他尺寸显示它们。它也忽略了line-height,但那是另一回事。
  • 调整设备宽度时,字体大小似乎会自动调整。我没有在 Blackberry 上工作过,但根据我对 Android、Apple 产品的经验,您可能希望从 &lt;table&gt; 中删除 width 并将 min-width='600px' 添加到 &lt;body&gt;。此外,如果您还想在桌面上呈现电子邮件,请使用媒体查询w3.org/TR/css3-mediaqueries
  • 我从未有过使用 Andorid 或 iOS 设备的这种体验。 min-width 经常被忽略,并且会破坏我已经在使用的媒体查询。在这种情况下,我只关心font-size。
  • 所以您正在使用媒体查询来获取黑莓的 css?如果是这样,你能证明一下吗?
  • 黑莓完全忽略了媒体查询,因此它与font-size 问题无关。
【解决方案3】:

很明显font-size:22px 覆盖了td 中给出的font-size:12px。您可以做的是将您的td 分成两个td 而不是span,让它们具有不同字体大小的html 电子邮件从td 而不是span 标签获取字体。

【讨论】:

  • 不,将它们放在自己的tds 中,它看起来完全一样。 &lt;tr&gt; &lt;td style="color:#ffffff;font-weight:bold;font-size:22px;mso-line-height-rule:exactly; line-height:24px;background-color:#000000;" bgcolor="#000000" valign="top"&gt; Aliquam Commodo Velit vel Ipsum &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="color:#ffffff;font-size:12px;background-color:#000000;" bgcolor="#000000" valign="top"&gt; Duis consectetur velit vel ipsum interdum anella onsequat lacus mattis. &lt;/td&gt; &lt;/tr&gt;
猜你喜欢
  • 1970-01-01
  • 2018-04-18
  • 2018-12-19
  • 2011-12-26
  • 1970-01-01
  • 1970-01-01
  • 2022-01-24
  • 2021-06-03
  • 2010-09-26
相关资源
最近更新 更多