G2A Many GEOs
SHARE
TWEET

omega 4 ipad text size

Juc1 Feb 14th, 2014 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. 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:
  2.  
  3. http://140214.clayfish.co.uk/ipad-bartik - responsive Bartik theme
  4.  
  5. bartik iPad portrait = http://i.imgur.com/LWZzmvK.png
  6.  
  7. bartik iPad landscape = http://i.imgur.com/aVzfZHS.png
  8.  
  9. http://150214.clayfish.co.uk/ipad-omega-3 - Omega 3 subtheme
  10.  
  11. Omega 3 iPad portrait = http://i.imgur.com/DaCKHWs.png
  12.  
  13. Omega 3 iPad landscape = http://i.imgur.com/bqqSDQb.png
  14.  
  15. It seems however that an Omega 4 subtheme does not behave correctly - example here
  16.  
  17. http://130214.clayfish.co.uk/ipad-omega-4
  18.  
  19. Omega 4 iPad portrait = http://i.imgur.com/7TweynL.png
  20.  
  21. Omega 4 iPad landscape = http://i.imgur.com/K5abM0b.png
  22.  
  23. Rather than wrapping the font seems to change size - big font size in landscape and small font size in portrait.
  24.  
  25.  
  26. There is a similar issue with the iPhone that is fixed by the CSS
  27.  
  28. body {
  29. -webkit-text-size-adjust: none;
  30. }
  31.  
  32. However this does not work on the iPad as mentioned here:
  33.  
  34. https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
  35.  
  36. 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).
  37.  
  38. ----------
  39.  
  40. Why is this a problem?
  41.  
  42. 1) text size should not jump around
  43. 2) on some pages I have seen the text size is much too big in landscape and much too small in portrait
  44. 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.
RAW Paste Data
Ledger Nano X - The secure hardware wallet
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top