title: How to restrict zoom of webpage to stretch when iPhone and Android in landscape orientation?
body: <p>How to restrict zoom of webpage to stretch when iPhone and Android in landscape orientation?</p>
  
  <p>When I rotate the iphone into landscape orientation, the header takes 30% space on the screen but in Portrait mode it only takes 15 %.</p>
  
  <p>Will I have to write different css for some elements in landscape orientation?</p>