XD-preview is on different scale from shared link preview

[kicker!]

Hi. I often design websites in XD with width of 1920 px. Now, when I preview my design in the 'desktop preview' mode and I compare this to the preview (shared link) in my browser, I notice that this preview in the browser shows larger than the desktop preview in XD. So, to view the right dimensions as designed in XD, I'll have to set the browser preview to ±80% (in upper right corner). How can I fix this? Or perhaps better, can Adobe fix this? Please, can anyone help me with this? Tnx! KR, Hugo

[Spas K.]

Hey. That's strange, will you be able to share the .xd file and the prototype link? (you can upload the file to Google drive or other cloud service, and send the link). You can send them via PM if you'd like.

[kicker!]

Hi Spas, thanks for your response. For now could make a quick screenshot refering to this issue. I hope it will be clear to you what I mean. In this screenshot you can see the shared link (modus 'Design Review') in Safari (A), the file view in XD (B) and the XD`s preview (C).

As you can see I had to set the shared link view on 80%, so it looks the same as in XD. So my shared links always look larger. I can explain this to my developer, but it is a bit awkward to make it clear to my customer. 

Another problem is that I can't see / check the size of the text in the shared link in Safari by using 'inspect element'. In XD-file the size of the bodytext is 19px.

What do you think? I'm looking forward to your answer/tip. KR.

[Spas K. · Accepted solution]

What about the zoom in your browser? I sometimes accidentally zoom in or out a bit and forget to reset it after. On most browsers it's Ctrl / Cmd + 0 to reset it to 100%. Also try a different browser to see if the issue persists, so we can find what's causing it.

[kicker!]

Hi Spas, yes your`re right 😉 For some reason only this link was set on 125% (?) in my browser.

Now when I set the browser view for this on 100% (right-click on url-address, settings for 'xd.adobe.....com', zoom level 100%) and in the link set view also on 100%, it all works well. Tnx for taking some time to make things clear!

Nevertheless, I still have one question; when I make a shared link (design review) and open it in the Safari-browser it never views directly on 100%; sometimes it`s even set on 76,4 %. Perhaps it has something to do with 'scrolling' >  'view port height'? 

Have a nice weekend!

[Spas K.]

Hey, yes. It tries to fit the prototype viewport in the window, so it will zoom to whatever percentage makes that happen.

[kicker!]

Ok, so, I'll have to do some 'trial&error' on yhis now and than. Tnx od far! 😉