Participating Frequently

Question

White borders when viewing prototype in browser on phone

Forum|Forum|4 years ago
June 2, 2021
1 reply
1983 views

Hi,

When I view my shared prototype in browser on phone(iPhone 11, iOS 14.4.2, Safari) it adds a white border/padding on the left and right side. I tried to change the viewport height of the artboard so that it fits within the viewport/fold in the browser, but that doesn't help. It adds a white border no matter how small I set the viewport height to.

I tried both with fullscreen option on and off.

Is there a way to fix this?

Regards,

Erlend

Prototyping

This topic has been closed for replies.

Ares Hovhannesyan

Community Expert

Community Expert

Can you share a link to test in browser? Did you get the same result in different browsers?

Erlend.IstadAuthor

Participating Frequently

Here is the link: https://xd.adobe.com/view/07ca95c4-485d-44e3-a915-7372e8e4947b-5299/?fullscreen

I got the same result in Chrome on iOS.

Community Manager

Community Manager

Hi Erlend,

Thanks for reaching out. I found a similar discussion which you can refer to here https://community.adobe.com/t5/adobe-xd/prototype-not-filling-screen-on-iphone-7-plus-and-iphone-x-white-padding-on-both-right-and-left-side/m-p/10717696#M18179

Let us know if this helps or if you need any further assistance.

Regards

Rishabh