Option to scale design in live preview to match phone width
At my agency we don't necessarily design at the exact dimensions of the phone we preview with. This results in pillarboxing (a black border around the entire screen). For example, we will create pixel perfect grids that make our workflow much faster, but it makes the screen size something like 360px wide. When previewed on an iPhone 6/6s/7, which has 375px dimensions, there is a border around the screen.
Adding an option to scale the design to match your device's width would solve the problem.
This! And also fix something to the "top" or "bottom" edges of the viewport (like nav or tab bars). Great InVision functionality that I miss a lot.
Gino Rodrigues commented
Think of an "Auto" checkbox alongside Scrolling's "Viewport Height", that would fit the artboart to the device width, with free vertical scroll.
Considering screen sizes vary wildly in every scenario we design for (design review, user testing and of course, production), it would be much better to be able to define the design only in terms of the artboard's width, and the fullscreen prototype preview would fit the design proportionally to the device width, and scrolling vertically using the device's viewport height (not a fixed one).
This is the default behavior for the HTML world, the very presence of a dotted line as a fixed scroll "fold" may even influence designers backwards into thinking that line even exists or should. I believe many designs need to account for the absence of this exact height.
There is an old similar issue, but I tried to be more specific.
Yes please. make this happen