Hello,
I'd like to adapt a screen design to different smartphone's resolutions.
For a start, I want to just optimize the page for HTC HD2 which is
supposed to have a rsolution of 480px x 800px.
I test with two versions of Opera Mobile and one version of Internet
Explorer Mobile.
For simple test purposes I have a page with a div that is set to 480px x
800px and thus should simply fill the entire screen. But at a zoom of
100% the div appears to be bigger than the screen.
Here is a simple test page:
http://nihao.k-risc.de/test.html
I read about -moz-device-pixel-ratio and -webkit-device-pixel-ratio.
Does anybody know any resources that explain this matter a little
further? Would it be possible to query those values somehow an then
compute the correct width and height?
Best regards
Christian
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
