Ciao a tutti, ho un problema a cui non riesco venir a capo. Spero qualcuno mi sappia dire...

Sto realizzando un sito in html5 responsive design. E' praticamente finito a parte piccole migliorie.
Mi sono accorta però di un problema; il sito presenta diverse form. In ognuna di queste al primo campo ho inserito l'autofocus. Se vado alla pagina della form visualizzandola a dimensione tablet o desktop va tutto bene, ossia visualizzo la pagina nella parte in alto, in corrispondenza dell'autofocus. Se invece da una qualsiasi pagina capito nella form alla risoluzione 320px o 48opx mi visualizza la parte inferiore della pagina ben più distante dall'autofocus. Qualcuno mi sa dire perché?

il sito è http://www.graf.roma.it/html5/index.html
Una form ad esempio si trova in http://www.graf.roma.it/html5/preventivi.html

La cosa la noto da desktop andando a ridurre la finestra fino a farla diventare della dimensione di uno smartphone.
Inoltre ho notato che togliendo l'autofocus il problema non c'è più. Potrei a questo punto pensare di toglierlo e tutto si risolve ma l'autofocus per chi usa lo smartphone lo ritengo molto utile..
Mi sapete spiegare il motivo di questo comportamento?
Grazie in anticipo