Сделайте HTML подпись электронной почты отзывчивой - PullRequest
2 голосов
/ 09 марта 2020

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

В части кода, показанного ниже, нужны ли какие-либо специальные атрибуты для исправления или чтобы он был адаптивным?

Я редактирую в DreamWeaver и в Chrome Preview, кажется, работает. Хотя у меня есть два столбца, и он гибок только для текста столбца справа, но он не перемещает второй столбец ниже первого столбца.

Кроме того, как мне определить, какая высота или минимальная высота установить на стол?

Извините - я действительно новичок ie.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Email Signature</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
</head>
<body style="font-size: 11pt; font-family: Calibri, sans-serif;">
<table style="width: 100%; min-height: 120px; font-size: 11pt; font-family: Calibri, sans-serif;" cellpadding="0px" cellspacing="0">
<tbody>
 <tr>
  <td width="120" style="font-size: 11pt; font-family: Calibri, sans-serif; border-right: 1px solid; border-right-color: #ba1f31; width: 120px; height: 100%; padding-bottom: 0px; padding-left: 0; padding-right: 10px; vertical-align: top; valign="top" rowspan="6">

1 Ответ

1 голос
/ 09 марта 2020

Я думаю, что это невозможно. Не для работы на всех почтовых платформах (Outlook, Gmail, Apple Mail и др. c). Каждый реализует и стандарт html, и много раз является старым. Вы можете использовать это руководство для поиска лучших и наиболее совместимых элементов: https://www.campaignmonitor.com/css/style-element/style-in-body/

...