css/html responsive and viewport zoom issue
i used html with meta viewport and css3 media queries to make a website responsive for mobile browsers. it works perfect on BlackBerry but on IOS and Android devices it zooms in more. it seems to make things double what it should be? i read that this has to do with the viewport scale but if i make it scale less then it will mess up on BlackBerry and some other devices. i have tried searching this for literally days and tried many things but i can't seem to figure it out. an example of what i want to do is http://www.dribbble.com/ if that helps.

is there a fix for this? you can view the site here http://new.comedytime.tv/ and the meta viewport i'm using is:

`<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />`

all help is appreciated! tanks! :)
css/html responsive and viewport zoom issue
===

i used html with meta viewport and css3 media queries to make a website responsive for mobile browsers. it works perfect on BlackBerry but on IOS and Android devices it zooms in more. it seems to make things double what it should be? i read that this has to do with the viewport scale but if i make it scale less then it will mess up on BlackBerry and some other devices. i have tried searching this for literally days and tried many things but i can't seem to figure it out. an example of what i want to do is http://www.dribbble.com/ if that helps.

is there a fix for this? you can view the site here http://new.comedytime.tv/ and the meta viewport i'm using is:

`<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />`

all help is appreciated! tanks! :)