title: HTML native app not fitting correctly landscape mode on large sized phones. Can't force to fit
body: <p>New to the forum.</p>
  
  <p>I have a native calculator app that was created in html to run in landscape mode for both iOS and Android.  I use Phonegap Build to create my apps.  It worked fine initially a few years back but with the new phones, it does not display properly on these larger plus size phones.  The width works fine but in order to see the last row of buttons, you have to scroll down a row which then takes out the input display.  I can't for the life of me figure out how to make this fit in depth.  Works fine with tablets since these are wider.</p>
  
  <p>I currently use this viewport and I have played around with others but not fixing the problem.</p>
  
  <p></p>
  
  <p>I have tinkered with everything in the .css files and html and can not get this to work.  Driving me crazy.  Any help would be much appreciated.</p>
  
  <p>Attached is a picture of what it should look like and the other picture is what it get on my Note 9 and other large screen phones.  This is happening with Android.  I haven't got to the iOS stuff yet.</p>
  
  <p>Here is what I need to show:</p>
  
  <p><a href="https://i.stack.imgur.com/OmAFD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OmAFD.png" alt="enter image description here"></a></p>
  
  <p>Here is what is showing.  Missing the bottom line.  Have to scroll down to see it but then can't see display:</p>
  
  <p><a href="https://i.stack.imgur.com/T5ies.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T5ies.png" alt="enter image description here"></a></p>