Add additional infos for mobiles

Add a viewport with a device-width width, and a scale of 1.
Also change some CSS to make the page fit correctly (fix padding)
Change document.ready to window.load

Document.ready having different ways of behaving on Chrome and Firefox
this solves most of the problems of outerheight not being correct
because of data not having loaded yet
Merge pull request #9 from Qt-dev/bugfix/fix-out-of-screen-display-on-nexus4

Bugfix/fix out of screen display on nexus4