omega 4 ipad text size

I think that in a responsive site text should wrap (ie start a new line) when the device / browser runs out of space or in the case of an tablet when you switch between landscape and portrait. If so, here are two sites that behave correctly in my iPad:

http://140214.clayfish.co.uk/ipad-bartik - responsive Bartik theme

bartik iPad portrait = http://i.imgur.com/LWZzmvK.png

bartik iPad landscape = http://i.imgur.com/aVzfZHS.png

http://150214.clayfish.co.uk/ipad-omega-3 - Omega 3 subtheme

Omega 3 iPad portrait = http://i.imgur.com/DaCKHWs.png

Omega 3 iPad landscape = http://i.imgur.com/bqqSDQb.png

It seems however that an Omega 4 subtheme does not behave correctly - example here

http://130214.clayfish.co.uk/ipad-omega-4

Omega 4 iPad portrait = http://i.imgur.com/7TweynL.png

Omega 4 iPad landscape = http://i.imgur.com/K5abM0b.png

Rather than wrapping the font seems to change size - big font size in landscape and small font size in portrait.


There is a similar issue with the iPhone that is fixed by the CSS

body {
-webkit-text-size-adjust: none;
}

However this does not work on the iPad as mentioned here:

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

This property only has an effect on smartphones. As there is no inflation algorithm on desktop browsers, and on some tablet browsers like the iPad, the property is not supported there (and ignored).

----------

Why is this a problem?

1) text size should not jump around
2) on some pages I have seen the text size is much too big in landscape and much too small in portrait
3) It also affects things like menu text and for example in my case I want to add something to the menu div in  iPad landscape but I can't because there is no room because the text size is so big.