Device Preview not 100%

Question

HiI have selected an iPad Artboard with 1024x768 .. Now I'm doing a device preview with the adobe xd app on my ipad.. but screen is not fullscreen.. it has a black border around. Why?

Spas K. · Accepted Answer

This happens when the artboard size is smaller than the device's screen. The Apple iPad Air 3rd Gen has a resolution of 2224 x 1668px, and a viewport of 1112 x 834 points (not 1024x768), hence the black border 🙂

Hope this helps, cheers!

platypusman · Answer

Consider voting for this feature request on Adobe XD UserVoice, which is from 2016 and has 58 votes:

Zoom in the Preview Window

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/16313950-zoom-in-the-preview-window

Also note that the "Viewport height" setting will determine the scale of your preview. Make sure to set that to a value slightly smaller than the height of your screen - otherwise XD will shrink your design and you'll have black bars on the sides. (I don't like or understand this, but that seems to be how it works.)

Suggestion to Adobe: ignore the viewport height, and just render the design based on the artboard width. Or make this a setting/option. In either case, this needs to be more obvious because lots of people on lots of forums are, like myself, confused by the size at which the preview is getting rendered.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.