Блог

Главная - Вопросы по программированию - Как исправить ширину подписи электронной почты , которая растягивается по горизонтали?

Как исправить ширину подписи электронной почты , которая растягивается по горизонтали?

#html #email #signature

#HTML #Адрес электронной почты #подпись

Вопрос:

Я создаю подпись электронной почты для клиента, и на моем компьютере она отлично работает, но на других изображение выглядит растянутым по горизонтали, вероятно, потому, что я установил ширину в 50% от размера изображения, я делаю это, потому что клиент отредактирует эти изображения позже, и ему нужно будет изменить размерширина этого, также для того, чтобы изображение выглядело четким, мне нужно использовать разрешение 2x.(outlook отстой). Итак, это код, который я использую.

 <!DOCTYPE html>
<html lang="en"
<head>
  <meta charset="UTF-8">
  <title>signature</title>
  </head>
  <body>
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign=top>
          <p >
            <span>
              <a href="www.client-website.com">
                  <img border=0 src="image-who-will-change-the width.png" alt="Signature" style=" max-width:50%; max-height:117.5px; width:50%;height:117.5px">
              </a>
            </span>
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>

Комментарии:

1. Подписи электронной почты HTML просто не работают . Во-первых, большинство почтовых программ не загружают внешние изображения автоматически (это делается для защиты конфиденциальности пользователя), поэтому ваш HTML как есть не будет работать для большинства пользователей. Это сработает только в том случае, если вы вставите изображение в виде MIME-файла, состоящего из нескольких частей (а не в виде традиционного вложения), который большинство почтовых клиентов, ориентированных на пользователя, не предоставляют пользователю.

2. если у вас плавная ширина, у вас не может быть фиксированной высоты

Ответ №1:

Используйте этот css для своей страницы, это поможет вам задать высоту или ширину в процентах.

  css:
 html,body{height:100%;
              width:100%;
             }

и добавьте высоту в процентах.