m (→Advanced CSS) |
|||
| Line 211: | Line 211: | ||
@media only screen and (max-device-width: 480px) { | @media only screen and (max-device-width: 480px) { | ||
/* btw: this is the official iPhone media query! */ | /* btw: this is the official iPhone media query! */ | ||
/* max-device-width: 1024px for the iPad */ | |||
/* remember that "and (orientation:landscape)" can be added to the query */ | |||
} | } | ||
@media screen and (min-width:400px) and (max-width:800px) { ... } | @media screen and (min-width:400px) and (max-width:800px) { ... } | ||
| Line 224: | Line 226: | ||
* [http://www.w3.org/TR/css3-mediaqueries/#media1 w3.org Media Queries Overview] | * [http://www.w3.org/TR/css3-mediaqueries/#media1 w3.org Media Queries Overview] | ||
* [http://www.css4you.de/wsbw/index.html css4you Browserweichen] | * [http://www.css4you.de/wsbw/index.html css4you Browserweichen] | ||
=== CSS-Hacks === | === CSS-Hacks === | ||