Как предотвратить сжатие ширины почты в gmail? - PullRequest
Новая
       14

Как предотвратить сжатие ширины почты в gmail?

0 голосов
/ 11 июля 2019

У меня есть почта с фиксированной шириной. Но Gmail сжимает это. Как предотвратить сжатие? 

<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;">&nbsp;</td>
                  </tr>
                  </tbody>
                </table>
                <!--spacer-->

                <table cellpadding="0" cellspacing="0" border="0" width="570" ...

В других приложениях у меня нет этой проблемы. Я попытался исправить все слои, обертка должна быть 100% ширины. Есть ли какая-нибудь хитрость, чтобы gmail понимал ширину?

Если у меня несколько писем, gmail делает «разговор», а все содержимое - в кавычках. И после этого каждая цитата тормозит раскладку !!! Даже если раньше все было в порядке. Потому что gmail обрезает половину стилей с помощью этой «замечательной» функции!

1 Ответ

0 голосов
/ 12 июля 2019

Эта проблема из-за увеличения размера шрифта в приложении.Чтобы предотвратить увеличение, я должен добавить эту строку в конце: 

<div style="white-space:nowrap!important;line-height: 0; color: #ffffff;">
- - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
</div>
...