Force the correct font-size in Blackberry for rendering in an HTML email?

问题

I'm working on an html email that needs to render well on the Blackberry OS. The formatting of the text keeps getting blown up in Blackberry, see screenshots.

Blackberry ------------ Correct ------------

Here is my current code -

<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>

Any thoughts would be greatly appreciated. This is wracking my brain. Thanks!

回答1:

this did it for me:

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

回答2:

try adding min-width='600px' to the table, as some devices dont like widths in % (eg. Androids). Also, note the font-size=12px is applied to both the <span> as its applied to the <td>.

回答3:

It is obvious that the font-size:22px is overriding the font-size:12px given in td. What you can do is that instead of span divide your td into two td's and let them have the different font-sizes' html emails get the font from the td and not span tags.

来源：https://stackoverflow.com/questions/12372898/force-the-correct-font-size-in-blackberry-for-rendering-in-an-html-email