I’ve been trying to make a custom lockscreen work with the iPod Touch 4G. It works quite well, but for some reason it sets the wrong body size. Normally, the body size will fit in the size of the screen but when I move the lockscreen (I move the lockscreen to unlock) I can clearly see ‘body spaces‘ near the bottom and right edge of the lockscreen. In this case it’s colored black because I set the body background-color to black. I tried setting the body size manually but it doesn’t have any effect.
Here you have the complete code, although note that it works perfectly fine with a PC screen.
Here‘s another WP7 lockscreen which doesn’t have this issue. Maybe you can find something particular in the CSS that might solve the problem. BTW, the three folders in next to the html/js are irrelevant, but just so you have the full theme.
I don’t see you using the viewport meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>There are variations of that. For further explanation: David Calhoun