title: Why is font size changing depending on portrait or landscape for mobile devices?
body: <p>I'm using <code>px</code> font size, which may have something to do with it. </p>
  
  <p>However, portrait my font size is a good reading size: </p>
  
  <p><a href="https://i.stack.imgur.com/0DKW8.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/0DKW8.jpg" alt="Portrait website design "></a></p>
  
  <p>But landscape the font size is just too large. <em>This is an iPhone 6+ screen</em> </p>
  
  <p><a href="https://i.stack.imgur.com/wWNPD.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/wWNPD.jpg" alt="landscape design "></a></p>
  
  <p>Is the best way to resolve this, a media query for portrait and landscape mode? </p>