Изображения электронной почты Outlook сжимаются до 1 пикселя

Я сделал шаблон html, который работает почти идеально, за исключением того, что изображения внезапно не появляются в Outlook в Интернете.

Похоже, что ширина и высота уменьшены до 1 пикселя.

Я установил ширину во встроенных стилях, но не высоту, поскольку я хотел бы, чтобы у клиента была гибкость автоматической высоты. Проблема также возникает, даже если я установил ширину и высоту.

Это отлично работает, за исключением перспективы, и я не могу понять, почему.

вот код из одного из разделов, хотя это происходит с каждым изображением в шаблоне.

Я проверил, что изображения не отключены в настройках электронной почты

  <table width = "650" style = "table-layout:fixed;margin-left:auto;margin-right:auto;" border = "0" align = "center" cellpadding = "0" cellspacing = "0" class = "wrapper" mc:repeatable mc:variant = "half and half white">
          <tr>
            <td align = "left">
              <table width = "650" class = "wrapper" border = "0" cellspacing = "0" cellpadding = "0" align = "center" bgcolor = "#ffffff">
                <tr>
                  <td align = "left">
                    <table width = "324" border = "0" align = "left" cellpadding = "0" cellspacing = "0" class = "wrapper">
                      <tr>
                        <td class = "pad_top_split" width = "324" align = "center" valign = "top">
                          <a href = "#" target = "_blank"><img src = "https://gallery.mailchimp.com/85d3e81373f3d7582fcc72bdb/images/ec03eb0f-61aa-4c51-8efd-621054f0652c.jpg" width = "324" class = "full_img" alt = "Flush image 2" style = "display:block; max-width:324px;" border = "0" mc:edit = "324_images2"></a>
                        </td>
                      </tr>
                    </table>
                    <!--[if gte mso 9]>
                  </td>
                  <td valign = "top">
                    <![endif]-->
                    <table width = "286" border = "0" align = "right" cellpadding = "0" cellspacing = "0" class = "wrapper" bgcolor = "#ffffff">
                      <tr>
                        <td valign = "top">
                          <table width = "100%" border = "0" align = "center" cellpadding = "0" cellspacing = "0">
                            <tr>
                              <td class = "pad_side">
                                <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0">
                                  <tr>
                                    <td height = "32" class = "fix_height"> </td>
                                  </tr>
                                  <tr>
                                    <td class = "white" style = "font-family:Arial, sans-serif;font-size:14px;letter-spacing:4px;line-height:34px;color:#000000;" mc:edit = "text_2">Lorem ipsum text</td>
                                  </tr>
                                  <tr>
                                    <td height = "7" style = "line-height:0px;font-size:0px;"> </td>
                                  </tr>
                                  <tr>
                                    <td class = "white" style = "font-family:Arial, sans-serif;font-size:15px;background-color:#ffffff;line-height:25px;color:#000000;" mc:edit = "para_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae interdum ligula. Pellentesque feugiat ligula ligula, in interdum dolor aliquet et. </td>
                                  </tr>
                                  <tr>
                                    <td height = "32" class = "fix_height"> </td>
                                  </tr>
                                </table>
                              </td>
                              <td width = "30" class = "hide"> 
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>

Вы должны проверить, не блокирует ли Outlook изображения по умолчанию.

Ibu 31.10.2018 01:17

Привет - я сделал это - извиняюсь за то, что не включил это в описание

Mr Toad 31.10.2018 01:22
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
181
0

Другие вопросы по теме