Home/ Questions/Q 9046377
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T11:39:08+00:00

Quick question, as I think this should be very simple for those who know

  • 0

Quick question, as I think this should be very simple for those who know how it works (HTML5 app building is new to me).

I’m using Phonegap to build an app, problem however is that the default built from phonegap is portrait orientated. Atleast, that’s what it seems. When I test the app on my ipad the width is adjusted fine, bu the height for some reason is bigger then the actual content of the body. I narrowed it down to this line:

When I remove height=device-height it works fine. With other words, I’m getting the wrong height of the device there. When on landscape, do I need to switch to height=device-width or something? Because that seems kind a weird, I would expect my height to change based on the orientation.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think the code below solves your problem. You need to use

    <meta name="viewport" content="width=device-width, initial-scale=1">.

    and this structure

    <!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">
</script>
</head> 

<body> 
...content goes here...
</body>
</html>

    Check more info on JQM Anatomy of a Page

    • 0