Great job!
The zoom thing is automatic on all devices, and there is no programatical way of avoiding it. It usually happens when the site width is a bit bigger than the device max-width, mostly on iPhone devices.
After some research, I have found that in some cases when the zooming happens, the following custom CSS code:
[html]@media screen and (-webkit-min-device-pixel-ratio:0) {
.proinput input {
font-size: font-size: 16px;
}
}[/html]
or if that doesn’t work, maybe this one:
[html]@media only screen and (max-width: 720px) {
.proinput input {
font-size: font-size: 16px !important;
}
}[/html]
Another possible solution is to tell the device not to scale, by putting this into the site header:
[html]<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />[/html]
Let’s hope one of these will work.