Override Ipad / Iphone no resize function for webpages

I have made a webpage using the 960 grid system. And I have made it nice and responsive, following the excellent advice found in www.a开发者_高级运维listapart.com

So when developing the CSS for my new webpage I kept checking in Dreamweaver's Multiscreen viewport testing option and found that my pages were stacking up nicely on smaller screens. No miniature text, no need for pinch and zoom.

Then when testing page live, I learn that Ipad and Iphone does not resize windows and I can only get a miniaturized version of my full screen webpage.

I am hoping there is a simple CSS way to override this, so that my webpage stacks in a responsive manner also on apple devices.

You can maybe try a fluid grid option, such as sprysoft variable grid system which is based on 960.gs, though it will still have a definite grid layout (just % based instead of px based)