Stop text size from changing when iPhone switches from portrait to landscape mode

Mobile
1

Hello-

I am having trouble debugging the way that this appears on Safari for iOS. The site looks fine when I view it in portrait mode, but when I bring it up on my iPhone in landscape mode, the text in the side navigation menu is larger than it is when the site is in portrait mode (too large).

Steps to reproduce problem:

  1. View site www.jrbc.ca on Safari for iOS on an iPhone in portrait mode. The text in the side navigation menu is 15px in size.
  2. Switch phone to landscape mode. The same text in the side navigation tray activated by the ‘hamburger’ navigation will switch to 23px in size.

This is a video demonstrating the problem: https://www.dropbox.com/s/xourrik495t6dok/jrbc.ca%20on%20iOS%20simulator.mov?dl=0

Desired behaviour: the size of the text doesn’t change depending on whether the phone is in portrait or landscape mode. How do I get this?

Thank you,

  • Josh
2

This was the answer to my question: http://stackoverflow.com/questions/2710764/preserve-html-font-size-when-iphone-orientation-changes-from-portrait-to-landsca

By posting my question here and describing it in some detail, I was then able to Google the answer in a way I hadn’t quite been able to formulate before.

1 Like
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.