Finally fixed?
I was working on an HTML email yesterday, and had the problem
with Android wrapping any text to the 'viewport'.
This meant of course breaking the design of the email.
However, applying the following seemed to work:
In the <head> tag, add the following style:
@media only screen and (max-device-width: 480px) {
.androidP{text-align:center;}
Then, on the containing table cell, apply
style="text-align:left;".
On the paragraph itself, apply the class.
<td style="font-size:11px;text-align:left;font-family:arial;"
width="439" height="63" bgcolor="#fffffe">
<p
style="color:#1A171B;font-size:14px;margin-bottom:0px;padding-bottom:0px;margin-top:4px;padding-top:0px;font-weight:bold;font-family:arial;">Dear
[NAME]</p>
<p class="androidP"
style="color:#1A171B;font-size:12px;margin-bottom:0px;padding-bottom:0px;margin-top:6px;padding-top:0px;font-family:arial;">The
DRUMSTICK '3 Jeep Wranglers to be Won' promotion is now running
& there have already been loads of lucky winners of
boardshorts with plenty more to come.</p>
</td>
