Meta Tag

When setting up your responsive websites, take advantage of the responsive meta tag to ensure your content adapts to the device view-port size.

  <meta name="viewport" content="width=device-width, initial-scale=1">

CSS

You can help the responsiveness of your site by setting up certain elements to max out available widths. This is useful especially when trying to make your images scale as your page size changes.

  img, embed, object, video {
  max-width: 100%; 
  height: auto;
}

Helpful Links


720 0 0