Follow these tips to ensure your AMP emails render correctly and consistently across all platforms and browsers that Gmail supports.
The summary text displayed next to the subject line when viewing emails in your inbox (preheader) is based on the
text/plainpart of your email and doesn't take the
text/x-amp-htmlpart into account.
Avoid using viewport units (
vmax) anywhere in your CSS and HTML. Since AMP emails render inside an iframe, the viewport of the email doesn't match the browser's viewport.
amp-carousel, ensure the
controlsattribute is set. This lets users on touchscreen devices such as smartphones to navigate the carousel.
autocompleteattribute values are supported across different apps and browsers. Assume that autocomplete isn't available to your users and keep the forms short.