Hi,

I have an omega theme and I am using responsive option. Currently I have only normal layout enabled and I have media query: (min-device-width:740px) and (max-device-width:959px) and (min-width: 740px), (min-device-width:960px) and (min-width: 960px). In my desktop, when I go below 960px, I get mobile layout which is fine but in my ipad (10"), in portrait mode I get the full site with scroll-bar. I don't know how can I get rid of scroll-bar. As I have proper meta-tag in head (meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"), I thought ipad would just shrink the content as of non-responsive site. So, I am confused with the usage of view-port. I am following http://www.mydrupaljourney.com/articles/2011/06/24/omegas-grid-layout-settings article but I don't know what is the problem. I can define another layout for ipad (Which I don't want to) but I just cannot understand the usage of view-port.
Can anyone help me understanding the proper usage of view-port?