How do I prevent mail width compressing in the gmail? - email

Question

I have a mail with fixed width. But gmail compresses it. How to prevent the compression?
<table bgcolor="#F3F3F3"
style="Margin:0;margin:0;padding: 0;font-family:'Arial',sans-serif;max-width:100%;padding:0;width:100%;background:#F3F3F3;">
<style>
a{
text-decoration: none;
color: inherit;
color: inherit !important;
}
#media print{
body, html{
-webkit-print-color-adjust: exact;
}
}
</style>
<tbody>
<tr>
<td>
<center>
<table width="600" bgcolor="#6999CC"
style="Margin:0 auto;margin:0 auto;max-width:100%;width:600px;background:#6999cc;">
<tbody bgcolor="#6999CC" style="background: #6999CC">
<tr bgcolor="#6999CC" style="background: #6999CC">
<td bgcolor="#6999CC" style="background: #6999CC">
<center bgcolor="#6999CC" style="background: #6999CC">
<table>
<tbody>
<tr>
<td height="4" style="height: 4px;line-height: 4px;"> </td>
</tr>
</tbody>
</table>
<!--spacer-->
<table cellpadding="0" cellspacing="0" border="0" width="570" ...
In other apps I have no this problem. I have tried to fix all layers, wrapper should be 100% width. Is there any trick to make gmail to understand the width?
If I have several letters gmail makes "conversation", and all content makes as quotes. And after it every quote layout brakes!!! Even if it was ok earlier.Because gmail cuts half of styles using this "great" function!

Answer 1

This problem is because of increasing font-size in the app. To prevent increasing I have add this line in the end:
<div style="white-space:nowrap!important;line-height: 0; color: #ffffff;">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
</div>