Tutorial by Examples

The Content-Type meta tag is for telling the destination rendering engine how to process text and special characters. You should encode all special characters anyway (e.g., & becomes & for an ampersand) to be safe, but it’s worth keeping this line in there anyway. utf-8 works for most c...

The viewport meta tag tells a device to set the viewable area to the width of the device screen. It also sets the initial scale to normal (not zoomed in or out). <meta name="viewport" content="width=device-width"> or <meta name="viewport" content="wid...

The IE=Edge meta tag is for telling the destination rendering engine to use the latest (edge) version of IE rendering engine, which enables responsive behavior in Windows phones. <meta http-equiv="X-UA-Compatible" content="IE=edge"> Occasionally this breaks images in Li...

Apple iOS 10 Mail doesn't always auto-scale non-responsive emails. The auto-scale meta tag can be used to disable auto-scale feature in iOS 10 Mail entirely. <meta name="x-apple-disable-message-reformatting">