ページ全体に目盛り(方眼)画像を重ねて測るブラウザによって微妙に配置が異なっている場合や、自分の望みの位置とは微妙に異なっている気がする場合、ずれている距離を測るのは面倒です。そんなとき、ページ全体に上から目盛り(方眼)画像を重ねると便利です。 ページの上から目盛り表示を重ねる 細かなレイアウトを試してみたとき、隣接するブロック間の距離がブラウザによって異なっていたり、自分の希望するサイズとは異なって表示されたりして気になったことはありませんか? そのとき、何ピクセルのズレがあるのかを測らないと原因が分からないこともあります。 しかし、画面上で距離や位置を測るのはなかなか面倒ですね。 そこで、ページ全体に対して、上から目盛り(方眼)画像を重ねてみましょう。 すると、ブロック間の距離や、配置されている位置(座標)の確認が容易になります。 以下に、目盛り(方眼)画像を重ねるためのサンプルボタン