CODEWITHSUNDEEP
htmlcssadobeadobe-xd
fnm65404
fnm65404

Reputation: 65

Why are 100 px in Adobe XD smaller than on a website (Safari, Google Chrome etc.)?

I'd like to develop my design from Adobe XD. Unfortunately, the measurements are completely different. What's the reason for this? How can I calculate the "correct" size for elements and fonts?

size in Adobe XD

size on website

Upvotes: 4

Views: 1247

Answers (2)

ellamusen
ellamusen

Reputation: 41

According to this Adobe XD Support site, it doesn't seem like this issue will be fixed anytime soon.

One did suggest to use a web 1366 width workspace though, which seemed to solve their issue.

Another user suggested to see Adobe XD as unit-less, and only focus on the spacing between the different elements.

Upvotes: 0

dreamLo
dreamLo

Reputation: 1860

  1. Your html code needs to have <meta name="viewport" content="width=device-width, initial-scale=1"> in the head container.
  2. Make sure your browser is at 100% zoom
  3. Make sure AdobeXD is also at 100%

Upvotes: 0

Related Questions