Adaptive View for iPad Pro

adaptive-views

#1

Im trying to make an adaptive view for iPad Pro 12.9" - what width do I set ?


#2

I would assume it’s 2048px set as the width. The height shouldn’t matter if you plan on scrolling vertically

If you`re on the device, you could try going here, running it, and checking for yourself as well: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_screen_width


#3

If you’re targeting an iPad Pro device in Axure RP 8, then you’ll want to design based on its viewport width (1024), and then from there ensure that in “Publish > Generate HTML Settings > Mobile/Device” that you’ve enabled the viewport tag and set initial scale to 1.

Alternatively, if you wind up building your design at 2048 width and find that it’s too big when you test it on your iPad, you can scale it down in the viewport settings by setting initial scale to .5; that should do the trick. Hopefully that helps!


closed #4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.