Intel XDK - IOS App page stretches continiously but code works on Android

Kevin_k_1 — Thu, 03 Nov 2016 06:03:22 GMT

Hello

I have built an App using HTML5. DIv & images sizes have been set using screen percentage.

i.e.

This approach works fine and the page adjusts on web-browsers and andriod devices. However on IOS the page continually stretches and stretches the page outwards.

Is there some code that needs to be inserted to stop this from happening?

Many Thanks,

Kevin

It's hard to diagnose.

Chris_P_Intel — Thu, 03 Nov 2016 18:13:31 GMT

It's hard to diagnose.

But have you looked at using vw/vh coordinates instead of %? The percentage is tricky, because it is very nesting sensitive. But the vh and vw coordinates are simple: percentage of viewport width (or viewport height).

This simple CSS rule might be all you need:

img {
  width: 100vw;
  height: 100vh;
}

topic It's hard to diagnose. in Software Archive

Intel XDK - IOS App page stretches continiously but code works on Android

It's hard to diagnose.