Difference between revisions of "Courses/Jouw Site op Kleine Schermpjes"

Revision as of 16:44, 7 January 2015

1 Set the initial scaling:

  <meta name="viewport" content="width=device-width; initial-scale=1.0">

2 Use CSS media queries to reposition or hide content

  @media screen and (max-width: 560px) {
	#content {
		width: auto;
		float: none;
	}
}

@@ Line 1: / Line 1: @@
 === Responsive Webdesign ===
-- Progressive Enhancement or Graceful Degradation?
+==== Steps for Graceful Degradation: ====
-Steps for Graceful Degradation:
+'''1 Set the initial scaling:'''
+   <nowiki><meta name="viewport" content="width=device-width; initial-scale=1.0"></nowiki>
-# Set the initial scaling to 1:
+'''2 Use CSS media queries to reposition or hide content'''
-<nowiki><meta name="viewport" content="width=device-width; initial-scale=1.0"></nowiki>
+   <nowiki>@media screen and (max-width: 560px) {
-# Use CSS media queries to reposition or hide advanced content
-<nowiki>@media screen and (max-width: 560px) {
 	#content {
 		width: auto;