examples/amp-layout-intrinsic.amp.html
Responsive amp elements that are floated behave differently to regular html element like images. Due to the way they are sized they default to 0x0. With intrinsic layout they inflate until they either reach their natural size or hit a CSS constraint like max-width.
Text in an intrinsic amp-fit-text. This text will scale as the page resizes. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla arcu eu quam cursus cursus. Pellentesque aliquet elit mi. Vestibulum ultrices odio ligula. Fusce quis erat pulvinar, pulvinar augue sed, consequat dolor. Suspendisse non ex at nunc viverra auctor. Quisque egestas id metus vel euismod. Praesent euismod gravida augue nec consectetur. Nulla imperdiet venenatis nibh, in congue ligula lobortis at. Sed et est leo. Vestibulum eget porta quam. Donec sed magna in velit faucibus semper eu vel ipsum. Suspendisse lacus nisl, aliquet semper tellus et, lacinia auctor mauris. Duis in nibh quis diam viverra tempor et quis erat. Aenean nec viverra turpis. Praesent quis lectus id augue ultrices venenatis. Aenean id hendrerit mi.
Text in an intrinsic div using amp-layout. This text will overflow (hidden) when the page resizes. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla arcu eu quam cursus cursus. Pellentesque aliquet elit mi. Vestibulum ultrices odio ligula. Fusce quis erat pulvinar, pulvinar augue sed, consequat dolor. Suspendisse non ex at nunc viverra auctor. Quisque egestas id metus vel euismod. Praesent euismod gravida augue nec consectetur. Nulla imperdiet venenatis nibh, in congue ligula lobortis at. Sed et est leo. Vestibulum eget porta quam. Donec sed magna in velit faucibus semper eu vel ipsum. Suspendisse lacus nisl, aliquet semper tellus et, lacinia auctor mauris. Duis in nibh quis diam viverra tempor et quis erat. Aenean nec viverra turpis. Praesent quis lectus id augue ultrices venenatis. Aenean id hendrerit mi.
This is a placeholder
This is a fallback
PlayPauseMuteUnmuteFullscreen