Как обойти определенные почтовые клиенты при просмотре HTML-кода

Question

Я создаю письмо, и я хотел использовать position:relative, чтобы расположить ссылки там, где они мне нужны. Единственная проблема заключается в том, что это изменение касается iPhone. Я хотел бы иметь возможность исключить IOS из этого изменения и чтобы они могли видеть мой код без тега позиции. Есть ли способ исключить iphones из свойства CSS?

Я проверил свой код на лакмусовой бумажке, и каждый почтовый клиент работает, кроме всех iPhone. Работают ipads и все основные почтовые клиенты.

Answer 1

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

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}

также, чтобы сделать CSS только для устройств IOS, вы можете использовать:

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

Я надеюсь, что это ответВаш вопрос:)