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?
2 Answers
- Your html code needs to have
<meta name="viewport" content="width=device-width, initial-scale=1">in theheadcontainer. - Make sure your browser is at 100% zoom
- Make sure AdobeXD is also at 100%
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.
Related