Skip to main content
doberndorf
Participant
November 29, 2017
Answered

Prototype Testing On Device - Incorrect Screen Size

  • November 29, 2017
  • 1 reply
  • 902 views

I have a prototype for iPhone 6/7/8 with all artboards at 375x667, scrolling set to none, and nothing scrollable in length/height in the prototype.

When I run a desktop preview...it works fine.

When I test it on my plugged in device (iPhone 6)...it works fine.

When I add the published link to my home screen so it looks like an app on my phone, and I press it to load the link...it works fine.

HOWEVER, When I test the published web link, on a device like normal, without adding it to the home screen, the prototype appears larger than the screen so the viewer must scroll up/down to see the entire prototype. It appears as though the top, left, and right sides are all aligned correctly, but the bottom is being stretched to make the prototype longer/taller.  Or, is this something like the web browser not scaling correctly, some user error like I might have changed a setting somehow, etc?

Can anyone tell me why the normal published link would not display correctly?

Thanks!

Attached Images:

1. Loading as app on homescreen, or previewing on desktop, or previewing on plugged in device

2. How the actual published link loads when I send the link to someone and they click on it.

3. Needing to scroll up after loading the link.

This topic has been closed for replies.
Correct answer stuart__k

This happens because we can't hide the the address bar of Safari when viewing the prototype on the web, and so to make all the content visible we have to let the page scroll. The alternative is to shrink the width so that the height is correct, but we landed on the current behaviour. Hope this helps!

1 reply

stuart__kCorrect answer
Adobe Employee
November 29, 2017

This happens because we can't hide the the address bar of Safari when viewing the prototype on the web, and so to make all the content visible we have to let the page scroll. The alternative is to shrink the width so that the height is correct, but we landed on the current behaviour. Hope this helps!