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

axure-share-mobile-app
mobile-prototyping
#1

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…

#2

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

Use the CSS width and CSS height

#3

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.