Ошибка остановки iPhone, изменяющего размер HTML-сообщений электронной почты

У меня возникла проблема с тем, чтобы iPhone не мог изменять размер HTML-сообщений электронной почты в соответствии с экраном. Кажется, что код ниже, когда он помещается в раздел, не влияет.

Моя цель - просто остановить повторный выбор шрифта. Я пробовал другие варианты, используя -webkit-text-size-adjust: none; inline и по-другому, все без успеха.

Было бы жалко ценить любые советы или альтернативное решение.

@media экран и (max-device-width: 480px) {

/*fixes too big font in mobile Safari*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none; }  }       </style>

Ответы

Ответ 1

iPhone кажется больным, когда дело касается изменения размера, особенно когда вы переключаете ориентацию телефона. Вы пытались добавить метатег с настройками видового экрана в нем?

<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no"/>

Это не позволяет им увеличивать масштаб изображения, но я не нашел лучшего способа остановить iPhone от изменения ориентации. Я не уверен, поможет ли это в этой ситуации, а просто предложит попробовать.

Ответ 2

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

ПРИЧИНА: Эта проблема возникает, если у вас есть изображение с письмом. Когда автомасштабирование изображения, вся электронная почта/страница будет автоматически вставлена в окно.

РЕШЕНИЕ: Добавьте встроенный стиль для изображения min-width (300 пикселей, чтобы он не занимал всю ширину iphone 320px), max-width (ваш желаемый максимум с) и ширина 100%.

то есть. image src= "image.jpg" style = "width: 100%, min-width: 300px; max-width: 500px;"

Работал для меня,... надеясь, что это тоже поможет!; -)

Ответ 3

То, что вы делаете, правильно, но проблема в том, что вместо использования -webkit-text-size-adjust:none; внутри тега стиля вы должны использовать его следующим образом:

<body style="-webkit-text-size-adjust:none;">

Это означает, что вы должны использовать это как встроенное свойство css.

Ответ 4

Чтобы избавиться от этой проблемы, вы должны поместить следующее в тег тела CSS:

    -webkit-text-size-adjust: 100%;

Таким образом, Safari сохраняет текст до 100% от предполагаемого размера. Если вы установите значение равным none, пользователи не смогут увеличить шрифт, и это нежелательное поведение.

Это свойство CSS поддерживается и должно работать.

Проверьте официальную ссылку на CSS Safari:

https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

Кроме того, обратите внимание, что экран типа носителя поддерживается в:

Safari 4.0 и более поздние версии.
iOS 1.0 и более поздние версии.

Надеюсь, это поможет.

BR,
Tolis

Ответ 5

У сетчатки iPhone ширина 640 пикселей, ваш медиа-запрос останавливается на 480 пикселей.

В любом случае, вы можете полностью избавиться от медиа-запроса. Единственный почтовый клиент на основе webkit, который будет использовать это свойство (-webkit-text-size-adjust:none), - это приложение для iPhone и iPad Mail.

Также приложение Mail также может быть единственным клиентом, поддерживающим CSS3