Prototype on mobile shows only part of the designed area (the resolution is exactly the same)

Hello there.

I have created a prototype that I want to view on mobile device (Zebra TC200J with Android) with screen size of 480x800. I drew a placeholder box with the exact size of 480x800 and I posted it to axshare.
When I’m viewing that prototype on my mobile device I can only see ~70% of that placeholder.
Things I have tried so far:

  • Adding viewport tag with initial scale of 1.0
  • Adding adaptive view with width of 480 (even that I’m not designing any other resolutions)
  • Changing the placeholder’s size to 320x480 (only then the placeholder fits the size perfectly).

Please help, I don’t want to show my boss prototype where bottom and top navigation will take 50% of the available space…

Check here for correct size. https://www.mydevice.io/#compare-devices

Use the CSS width and CSS height

Hi! Try setting each of the scale options (initial scale, etc.) on the mobile screen of the publish dialog to 0.67 while keeping the width at 480. You should see a size change. If 0.67 isn’t the right number, you can experiment with the scale until it fits.