Responsive Design & Media Queries

Question 1

<p>What is the difference between <i>adaptive</i> and <i>responsive</i> design?</p>

Answer 1

Adaptive design uses fixed style CSS and applies media breakpoints to the code to adjust for different screen sizes.

<p>Responsive design incorporates <b>percentage based layouts</b> and media queries to provide a more seamless scaling at multiple screen sizes.</p>

Question 2

What is a meta viewport tag?

Answer 2

A meta viewport tag is an HTML element that gives the browser rules on how to control the page’s dimensions and scaling across devices.