Mobile protype resolution issue

Ryan McMahan shared this problem 5 years ago
Solved

I have created an app prototype for iPhone 5 with resolution guides set to 640 x 1136. When viewing the prototype on device, the resolution of the app is not correct (about 2x too large). simulation settings are set to iphone 5. What am I doing wrong? I have tried to modify the html but nothing has worked.


Do I need to resize my prototype to 320 x 568? If so, is there a way to do this globally or do I have to go in and downsize every screen element by hand?


I am running Prototyper Pro 5.5.0 9b21ac79e481d6c98fdd1cc3a8830ef3

Comments (8)

photo
1

iPhone 5 resolution is 320 x 568.


If you just want to run your current prototype with the resolution you have, you can change the simulation settings to custom and enter the resolution you want. Simulate -> Simulation settings... -> Device: Custom -> Custom radio button -> enter width and height -> click OK

photo
1

That doesn't work unfortunately.

photo
1

There is another way to do it. You can start a new mobile prototype and then select the option 'Start from image files'. Select all your image files and Prototyper, once you click Ok, will resize them all for you.

photo
1

I need more than just the image files resized. I need my whole project resized. Is there a project properties feature that allows me to resize the entire project?

photo
1

I am using my own precreated mockups with hotspots interconnecting each mockup. I really don't want to start over because it's very deep, Probably 40 screens/states.

photo
1

I see. You could try to export your prototype to html files, then open the index.html file and change the meta tag 'viewport' https://developer.mozilla.org/en-US/d...

photo
1

I tried this:


and this:


It doesn't matter what I change here actually. It always renders exactly the same.

photo
1

"viewport" content="width=320


"viewport" content="width=640