Огромный плюс при использовании AMP в том, что вы можете использовать те же подходы, что и при создании обычных HTML писем, включая применение таблиц. Как упоминалось выше, стили должны находиться в <head> документа, так что только это может быть небольшим изменением, если вы привыкли использовать инлайновые стили.
Использование семантической разметки, с такими тегами, как <h1> и <p> дадут вашим письмам организованную структуру, сделают их доступными и легкими в стилизации. Главное изменение, которое вы заметите от обычного HTML в том, что нужно будет добавлять 'amp-' почти каждому тегу. (Например, <amp-img>, вместо <img>).
<amp-img> Это "встроенный" компонент и ему не нужен отдельный скрипт в начале документа. Что вам с ним нужно сделать, так это указать ширину и высоту для каждого <amp-img> вместе с другими атрибутами, такими как alt, layout и src.
Атрибут layoutуказывает поведение изображения.
Есть два типа layout для работы:
Фиксированный, то есть изображение будет иметь фиксированные размеры.
Адаптивный, что говорит о том, что изображение будет масштабироваться по размеру контейнера.
В адапативном варианте вы можете выставить соотношение сторон для изображения, вместо пикселей, что позволит вам сделать масштабирование (вместо изображения с width="100px" height="150px", смасштабируйте его height="1" width="2" и так вы заресайзите изображение пропорционально, вне зависимости от используемого устройства или почтового клиента).
Стилизацию изображения можно сделать в теге <style amp-custom> :