Sometimes body height last below, 400px from botyom,... is get hidden...on landscape

using portrait Bootstrap 3.5 Cordova app ok, but on landscape (turned) sometimes body height last below, 400px from bottom,… is get hidden…on landscape… how solve this?
is it common bug…


Please try to read your post from our perspective; we know nothing about your code, or your situation. There is very little information in your post to work off of. Can we get some code to look at? A website? Codepen? Right now, noone can help you :slight_smile: .

It would also be helpful if we knew the devices on which your code was tested did not work in the manner described. Annotated screen shots sometimes help.

Best of all, we would like to have a link to your site so we can see exactly what you see.

in media query the problem OR is in the Cordova [INTEL XDK] plugin used? admob ADs to BOTTOM OF PAGE

in emulator xdk portrait to landscape - both work OK… this emulator excludes cordova plugins…

After you reply i will send code… You accept files attached html or css???

also sometimes go from Portrait to Landscape after Portrait again, half screen in portrait is black the bottom screen… I think is the Plugin…

I can’t really help with the Cordova/app issues as such but from a css point of view the code in this section is bad.

div#fullpage {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0px solid red;
	text-align: center;
	vertical-align: middle;

The height:100% will mean that content cannot be grater than the viewport which seems to be the problem you mention you are having. Add display:table to that rule and see if it makes a difference.

This is just a guess as I am not an app developer.

Only js applied in my script Not css…

what to serach in my css code that may did this…? But i think is native plugin code the problem…

What viewport meta tag are you using and what device does the problem occur?

The iphone has a problem if you don’t have initial scale at 1.


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

[quote=“lsepolis123, post:7, topic:211779”]
what to serach in my css code that may did this…[/quote]

Look for any elements that have a fixed height and that contain content that may overflow if orientation is changed.

I have this?
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

must remove latter term user-scalable…?

may due built in xdk target Android latest[23],… and Not KitKat or 5.1…? may conflict Plugin admob…?

Android S6 samsung , S3 samsung, samsung Note 10.1 Tablet 2012 model.

No that should be ok and generally apps use that attribute to stop the users scaling (pinch and zoom) because it may break the app but generally you would not want to stop the user from pinching and zooming (it’s a bit like removing zoom from desktop browsers),

I’m afraid you will have to wait for a cordova/app developer to chime in as this is not really my area and I’m just making suggestions based on normal css etc.

If build target kitkat may solved?

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