Photoshopを使い(パーツで組み合わせただけの画像)Webデザインの要素の幅や要素の隙間の幅を

Photoshopを使い(パーツで組み合わせただけの画像)Webデザインの要素の幅や要素の隙間の幅を測り、コーディングをしたいのですが、どうもものさしで測ったサイズで幅や高さをCSSで指定してもブラウザ上に反映させるとサイズが異なります。
どういった原因が考えられるでしょうか？

ちなみにただPhotoshopでデザインの画像のファイルを開いてそこからものさしを使うだけではなく何か初期に設定する必要がありますか？

質問者からの補足コメント

• していません汗
  この場合はどのような設定が必要になりますか？

    補足日時：2018/02/05 09:02

• 内容はすごく理解できました！
  ただ、操作方法がわかりません汗
  
  どのようにしたら縦幅のピクセルと横幅を100%にしたときにブラウザ上と画像と同じ縦横の比率になるでしょうか？

    補足日時：2018/02/05 10:02

No.2 回答者： 1paku 回答日時： 2018/02/05 09:15

写真の場合ですけど、取り込む時の解像度は、統一

他所から持ってきたデータは、新規作成で白紙の画像を作り、そこにコピーで移動させて、サイズ調整しています。

No.1 回答者： 1paku 回答日時： 2018/02/05 08:34

データの解像度、統一してますか?