Categories:


Archives:

Handheld version

by Yorik on 12.05.2011 in opensource , webdesign

This site now has a special display mode when viewed with a handheld device. It is pretty simple to achieve, it is all made with CSS and works the same way as for printing: You just define new rules inside a "@media handheld " declaration. Your handheld browser will do the rest. The best way is to define a set of classes for your "main" screen mode, then overclass some of them inside the handheld (and print) section(s), like this for example:

.myDiv @media handheld     }

The myDiv class will appear white on black in both cases, but on normal screen it will have a width of 800 pixels while on handhelds it will have an automatic width.

by Yorik on 12.05.2011 in opensource , webdesign