Similar presentations:
TopLabs. Introduction to responsive design
1.
TopLabsIntroduction to responsive design
2.
Viewport<meta name="viewport"
content="width=devicewidth, initial-scale=1">
http://www.w3schools.com/css/css_rwd_viewport.asp
3.
CSS3 media queries@media screen and (min-width: 480px) {
body {
background-color: red;
}
}
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
4.
Including CSSThe 3 ways
5.
Including CSS6.
Including CSSThe 3 ways
<style></style> Tag
7.
Including CSSThe 3 ways
<style></style> Tag
<link> Tag
8.
Including CSSThe 3 ways
<style></style>
<link>
Inline CSS “style attribute”