Nano Hash - криптовалюты, майнинг, программирование

Обтекание и изменение размера текста подписи электронной почты в iOS

У меня возникли некоторые проблемы с переносом подписи электронной почты в Apple Mail на iOS, как показано здесь:

введите здесь описание изображения

Я хотел бы, чтобы подпись отображалась (без упаковки и по размеру, чтобы соответствовать ширине экрана), как это происходит в клиенте электронной почты для настольных компьютеров, таком как почта Apple в OS X:

введите здесь описание изображения

This is the code that I am currently using. If anyone can provide guidance on where I'm going wrong, I would appreciate it.

<body topmargin="0" leftmargin="0" rightmargin="0">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
      <tr>
        <td>
          <table align="left" border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="left">
                  <a href="http://bit.ly/1roJoAu">
                    <img alt="Motion Source" border="0" src="http://i.imgur.com/YG8iERP.jpg" title="My Website">
                  </a>
                </td>
                <td width="100%">
                  <span style="text-align: left; color: #797C79; font-family: 'Arial', sans-serif; font-size: 10pt; font-weight: bold">
                                        First Last</span><span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #797C79; font-family: 'Arial', sans-serif; font-size: 9pt; font-weight: normal">&nbsp;|&nbsp; Media Producer</span>
                  <br>
                  <span style="text-align: left; color: #797C79; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal;">

                                        mobile&nbsp;(555)
                                        555-5555&nbsp;|&nbsp;fax&nbsp;(555) 555-5555<br></span>

                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td>
                          <span style="line-height: 3px; font-size: 3px;">
                                                            &nbsp;<br>
                                                        </span>
                          <span style="text-align: left; margin-top: 0px; color: #D0913D; font-size: 8pt; font-weight: bold; font-family: 'Calibri', sans-serif;">
                                                            <a href="http://website.com" style="text-decoration: none; color: #b6a15e;">website</a>&nbsp;|&nbsp;<a href="http://linkd.in/" style="text-decoration: none; color: #b6a15e;">LinkedIn</a>&nbsp;|&nbsp;<a href="mailto:[email protected]" style="text-decoration: none; color: #b6a15e;">email</a>
                                                        </span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

ios html css email html-email
27.09.2014

  • Что вы используете для тестирования? Вы тестируете только в Apple Mail? 28.09.2014

Ответы:


1

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

Совет по выбору точек останова: не добавляйте пробелы (&nbsp;) в свою подпись и позволяйте ей переполняться в более подходящих местах.

Пример:

<!-- This will look the same, but break where the spaces are, not where the &nbsp are -->
Your&nbsp;Name | Your&nbsp;Title
30.09.2014

2

Чтобы iOS не увеличивала текст меньшего размера, используйте этот фрагмент кода в теле (чтобы остановить его полностью) или только в элементе, размер текста которого вы специально не хотите изменять.

-webkit-text-size-adjust: none

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

08.10.2014

3

просто используйте min-width: 500px в <table>.

и во всех случаях избегайте использования % по ширине, используйте px или pt

11.10.2019

4

Для вашего размера шрифта попробуйте переключиться с точек (pt) на em или px.

<span style="text-align: left; margin-top: 0px; color: #D0913D; font-size: 0.7em; font-weight: bold; font-family: 'Calibri', sans-serif;">
<a href="http://website.com" style="text-decoration: none; color: #b6a15e;">website</a>&nbsp;|&nbsp;<a href="http://linkd.in/" style="text-decoration: none; color: #b6a15e;">LinkedIn</a>&nbsp;|&nbsp;<a href="mailto:[email protected]" style="text-decoration: none; color: #b6a15e;">email</a>
</span>

Вы действительно должны использовать pt только для печати. Вот полезная таблица. Переключение может не полностью решить вашу проблему, но ваш текст будет более отзывчивым, если вы используете ems.

28.09.2014
  • Текст в электронных письмах лучше всего делать в формате pt или px для лучшей совместимости с более широким спектром устройств и почтовых клиентов. 08.10.2014
  • Я понятия не имею, что вы имеете в виду. Очки сильно различаются между устройствами и экранами. Также это не похоже на то, что вы не можете использовать em. em совместим с любым устройством или клиентом, поддерживающим CSS 1+, примерно 1996 г. w3 .org/TR/1999/REC-CSS1-19990111 .... В основном, если клиент поддерживает HTML, он будет поддерживать CSS. Кроме того, большинство клиентов оптимизировали базовые показатели для em. (Outlook — 1em/16px / Apple Mail — 1em/12px / iOS — 13px). 11.10.2014
  • Из трех вариантов я бы определенно выбрал px. И pt, и em несовместимы в электронной почте. Плохо оптимизированные макеты с точностью до пикселя сломаются в клиентах, которые отображают текст больше, чем вы ожидаете. С px он всегда будет одним и тем же, независимо от того, что и где вы его просматриваете — если вы предотвратили автоматическое увеличение вашего меньшего текста. Монитор кампании по этой теме 13.10.2014
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..