Adjust the preview window to the size of the artboard viewed
A simple example. We create 4 different artboards. (1200px, 992px, 768px, 576px)
2. Connect in prototype mode from left to right.
3. We check in preview mode.
Now when we click anywhere, our artboards will change from the largest to the smallest.
It can be seen that after each change, the Preview window keeps the beginner value. In this case 1200px.
I would like it to automatically adjust the size of the preview window to the width of the artboard.
This will be a very good solution for a better view of responsiveness.
You can do it in two ways.
Download the value of the current system's resolution and consider it as a "fullscreen window size". And then the function will not automatically fine-tune the window.
Otherwise, if the window does not have the "fullscreen" value, the preview function will automatically scale the artboard window.
Or expand the current solution with automatic scaling of the preview window. Before the earlier setting, what type we want to display automatic scaling or not.
Keita Jones commented
When previewing my prototype in XD, I notice that if other artboards have different viewport sizes from the first artboard, they won't match. Meaning all the other artboards will be viewed in different screen sizes in the preview window. I understand that you can change all the viewports to the same number and it will view properly, but why? Why can't different artboards have different viewports and still be viewed at full screen size?
Adson Cicilioti commented
Bad behavior! Bug! Need fix!