I’ve been looking around for similar posts for a few, but I didn’t find anything really answering my doubts - (the only similar question I found: Previewer not the same on mobile devices - #2 by Ali-Bazzi has no answers). So here’s the topic.
On the Responsive Designer, the default “Mobile View” screen size proposed is 390x982… pixels I guess? But then I have 4 different results displaying an app screen, which leads to troubles, especially once the app is published:
The image here looks well placed and uniformly distributed in the screen area - settings for the image is “Crop to fill space”.
When I run the Previewer, here is what I get:
There’s a grey space at the top and the image looks cut by a huge portion
And finally on a real device (Samsung M12, with 760x1200 screen resolution):
where at the top there are still a few grey pixel rows and still at the botton a large part of the image is missing…
Can anyone help me understand how to correctly interpret/use the Designer resolution to have in the Previewer and the real device the expected results?
How can I relate the designer’s 390x982 size to the phone’s resolution? I haven’t found any documentation on that.
Any help is appreciated.