How can I made my prototype into responsive one for any mobile device?

Hhlynn Nai shared this question 2 years ago
Answered

I have done a mobile prototype for my school jobs. I made it with 568x320 custom screen size.


I do not know my mobile phone screen size actually.


But when I run it on my mobile, the prototype is really smaller and elements are not fixed with the screen.


Can I make it into "responsive" to be adjusted with any screen that I view/run.


Waiting for detailed reply soon. Thanks.

Comments (3)

photo
1

Hi Hhlynn Nai,


You can find information about adaptative and liquid layouts in the tutorials section in our website:


http://www.justinmind.com/prototyper/...


http://www.justinmind.com/prototyper/...


http://www.justinmind.com/support/res...


I hope it helps.


Best,


Sonia Durán

photo
1

Hi Team,

any updates about this issue ?

Merci

photo
1

Hi there,


The two properties you need to use to make responsive prototypes are pin positions, and % widths/heights.


Pin Position - find in the Properties palette, under the section Position. Pin positions will pin an element to a certain part of the screen. If you want to make a 'sticky' header, use pin position, and change the 'y' parameter to 'pin to top'.


% width/height - find in the Properties palette, under the section Size. % size will change the size of an element to be responsive to the size of the screen.


Check out the attached prototype. Let me know if you have any questions.


Best,

Danielle

photo