Difference between revisions of "Courses/Jouw Site op Kleine Schermpjes"
From Publication Station
Arjensuijker (talk | contribs) (Created page with "Het aantal mobiele apparaten groeit enorm. Dit betekent dat steeds meer mensen websites bezoeken vanaf een mobiel apparaat. Niet alle websites werken goed op mobiele apparaten...") |
Arjensuijker (talk | contribs) |
||
| Line 1: | Line 1: | ||
=== Responsive Webdesign === | |||
- Progressive Enhancement or Graceful Degradation? | |||
Steps for Graceful Degradation: | |||
# Set the initial scaling to 1: | |||
<nowiki><meta name="viewport" content="width=device-width; initial-scale=1.0"></nowiki> | |||
# Use CSS media queries to reposition or hide advanced content | |||
<nowiki>@media screen and (max-width: 560px) { | |||
#content { | |||
width: auto; | |||
float: none; | |||
} | |||
} | |||
</nowiki> | |||
Revision as of 16:42, 7 January 2015
Responsive Webdesign
- Progressive Enhancement or Graceful Degradation?
Steps for Graceful Degradation:
- Set the initial scaling to 1:
<meta name="viewport" content="width=device-width; initial-scale=1.0">
- Use CSS media queries to reposition or hide advanced content
@media screen and (max-width: 560px) { #content { width: auto; float: none; } }
