Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu
Created July 11, 2017 09:10
Show Gist options
  • Save hteumeuleu/e264e9054648aa02b5c0d6bc6011c38c to your computer and use it in GitHub Desktop.
Save hteumeuleu/e264e9054648aa02b5c0d6bc6011c38c to your computer and use it in GitHub Desktop.
iOS 10 max-width bug
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iOS 10+ bug</title>
<meta name="x-apple-disable-message-reformatting" />
</head>
<body>
<div style="width:800px; max-width:100%; color:#fff; font-family:-apple-system, sans-serif; background:#02b875;">
<div style="padding:1em 2em;">
<h1>Lorem ipsum.</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet ex aperiam nemo dicta maxime sapiente inventore deleniti eligendi iusto asperiores, recusandae, iste ipsum placeat rem, delectus adipisci? Debitis, omnis. Odio?</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment