Responsive Design

Einfache Größeneinschränkungen

/* größer als 768px */

@media (min-width: 768px) {
.style{}
}

/* kleiner als 768px */


@media (max-width: 768px) {
.style{}
}

 

• Viewports bis zu 760px: Smartphones
• 760 bis 980px: Tabletts
• 980 bis 1280 Pixel (und mehr): Monitore
  

 

Links

http://www.webmasterpro.de/coding/article/css-responsive-webdesign-media-queries-fuer-iphone-ipad-und-smartphones.html

http://t3n.de/news/responsive-webdesign-teil-1-499331/

Free Responsive Mobile Website Templates
http://w3layouts.com/