- Traditional CSS
- Simple approach, known API
- we would have to deal with namespace conflicts
- leverages browser caching, storing the entire app style in the first load and reducing following reloads
- Style-based implementations
<DT><H3 FOLDED>iPhones</H3> | |
<DL><p> | |
<DT><A HREF="javascript:open(location,'iPhone:portrait','innerWidth='+(640+15)+',innerHeight='+(1136+15)+',scrollbars=yes');">iPhone 5 - Portrait</A> | |
<DT><A HREF="javascript:open(location,'iPhone:landscape','innerWidth='+(1136+15)+',innerHeight='+(640+15)+',scrollbars=yes');">iPhone 5 - Landscape</A> | |
<DT><A HREF="javascript:open(location,'iPhone:portrait','innerWidth='+(640+15)+',innerHeight='+(960+15)+',scrollbars=yes');">iPhone 4 - Portrait</A> | |
<DT><A HREF="javascript:open(location,'iPhone:landscape','innerWidth='+(960+15)+',innerHeight='+(640+15)+',scrollbars=yes');">iPhone 4 - Landscape</A> | |
<DT><A HREF="javascript:open(location,'iPhone:portrait','innerWidth='+(320+15)+',innerHeight='+(480+15)+',scrollbars=yes');">iPhone 3 - Portrait</A> | |
<DT><A HREF="javascript:open(location,'iPhone:landscape','innerWidth='+(480+15)+',innerHeight='+(320+15)+',scrollbars=yes');">iPhone 3 - Landscape</A> | |
<DT><A HREF="http://www.iphoneresolution.com/">What's the iPhone Screen Resolut |