Viewport size Disparity on Android

Post reply

❤Follow Topic(2)

0 favourites

2 posts

From the Asset Store

Evolved Game Creatures: Monster Sounds

$29 USD

A versatile and wide-ranging selection of large to medium-sized creature sounds.

Epic Stock Media

- Grimmy
- - Joined 20 Nov, 2012
  - 183 topics • 490 posts
- 1
- 4 Jan, 2023
- Quote
I have a html element which covers the screen. It has a wrapper css as in the example:
position: absolute; left: 0; top: 0; right: 0px; bottom: 0;

However, when I run on android the html element is either offset to the left or clips out at the right of the device screen.

I have the top bar turned off on android export but I see this issue even with it switched on.

Everything looks perfect in preview. Its fully responsive when I manually adjust the widow size in the preview.

Any ideas how to get the preview to match the export?

I have attached an image so you can see the differences between the preview and device build.Note the buttons at the bottom and the whole html element is offset about 10 pixels to the left..

EDIT: When doing a remote debug I can see there is a left:-5 offset in one of the construct divs (not mine) See image.

Thanks
Tagged:

css
html
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- Grimmy
- - Joined 20 Nov, 2012
  - 183 topics • 490 posts
- 1
- 9 Jan, 2023
- Quote
When I try this on a different device the issue does not happen?

How can I make sure the html element is always at 0,0 on all devices?

I can manually shift the html element in code but as the offset is different on different devices I'll need to check the value of the 'left' attribute in the root div.(Which is above my own html) But how would I do that??