デベロッパーツールで border を確認すると、px 数がずれています

レッスンには支障ありませんが、Windows の「拡大 / 縮小」設定を 100% すると影響がなくなります。
2023年3月15日
ユーザー

お世話になります。つかぬことをお伺いします。

ボックスモデルで、上下左右に 8px の padding がついていて、
下に 1px の border がついていると解説されています。

私もCSSで、

h1{
   margin: 0;
   padding:  8px;
   text-align: center;
   border-bottom: 1px solid lightgray;
   font-size: 20px; 
}

1pxで入力していますが、

自分のデベロッパーツールのボックスモデルでは 0.800px の border になっています。

ソースコードを比較して、間違いを修正しても、border は 0.800 のままです。
何がそのミスを引き起こしたのか、
ご教示願います。
よろしくお願いします。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?