Adobe XDについて

Question

前提・実現したいこと

Adobe XDを使用してデザインカンプからwebサイトの模写を行っているのですが、フォントサイズやフレーム幅など同じ数字を入力してもデザインがずれてしまいます。

XDに書かれた30pxの文字と、CSSに書いた30pxではCSSに書いた方が大きく表示されます。

なぜ大きさのズレが起きているのか何が原因か教えていただけたら幸いです。

Comments

[miyabi_pudding]

何点か。

・ズレが生じるデバイスを記載してください。
・HTMLとCSSは記載された方がいいかと思います。
ソースコードを記載の際は、
コードブロックをお使いください。
・デザインカンプの画角（大きさ、ピクセル数）を教えて下さい。

Answer 1

デザインがletinaディスプレイ向けに2倍のサイズで作られてたりしませんか？
https://webdesigner-go.com/rule/retina/