Issue with XD Prototype White Bars on Different Screen Sizes

[jiaqi_1542]

Hello,

I’m experiencing an issue with my Adobe XD prototype when viewing it in presentation mode on monitors with different screen sizes. When I open the prototype in full-screen mode on a larger monitor, I notice white bars on the left and right sides of the screen. This happens because the prototype doesn’t scale properly to fit different monitor resolutions.

I came across a solution where you can set the Viewport Height to match the browser height (as described in this post: link), and it works fine on my current screen size. However, if I move the browser to a different monitor with a different resolution, the white bars reappear, which could be a problem for clients using different screens.

Is there a way to set the prototype width to 100% so that it scales automatically across all screen sizes, or any other solution to make the prototype fully responsive and prevent the white bars?

Thank you in advance for any help!

[jiaqi_1542 · Accepted solution]

Update: Just got a follow up answer that wrote by Spas from another post. Link for the post: How to make Xd browser prototype 100% zoom by default?