3

最近、私が知っていると思っていた測定値のほとんどが、ブラウザ固有のデフォルト設定のために、実際にはどこにあると思っていたものと異なっていることがわかりました。目視検査に関する私の知識はすべて相対的なものであると評価しました...アイテム A は 20 ピクセルなので、アイテム B は 22 ピクセルであることがわかります。ただし、ブラウザの非表示のデフォルトのため...この方法はあまりうまく機能しません。絶対ピクセル数を知るにはどうすればよいですか。

現在、目盛り付きのグラフィックエディターで20px x 20pxのルーラーを作成しました。

ここに添付

ここに画像の説明を入力

これで、絶対配置を使用してこれを移動し、物を測定できます。ただし、これを行うために開発ツールに組み込まれているものはありますか。現在、Firefox 10 を使用しています。

ありがとう

4

3 に答える 3

2
  • 「メジャーイット」という便利な測定ツールがあります。ここで見つけることができます。それは私がこれまでに見つけた中で最高のものです。

  • 別の考え...さまざまなブラウザのすべてがまったくズームインされていないことを確認して確認することができます...実際のサイズなどを表示します...

  • また、何らかの「リセット」を使用していますか? そうでない場合は、マイヤーリセットまたは正規化...またはフリークリセット...（両方を組み合わせたもの）をチェックできます。

于 2012-07-23T20:20:02.997 に答える
2

Firebug をいじらずに高さと幅を簡単に測定できるツールを探しているだけですか?

Firefox 用のアドオン (Chrome でも利用可能) をお勧めします: Web Developer

これがあなたが探しているものでない場合は、明確にしてもらえますか?

編集:ソフトウェアやアドオンをインストールできない場合は、インストール不要のFirebug Liteを使用してください

于 2012-07-23T20:13:43.220 に答える
2

Chrome のインスペクター ツールは、たまたまホバーした要素のサイズを表示します。ただし、Firefox に忠実であり続ける必要がある場合は、Firebug をホバーすると、要素の正確なサイズも表示できます。Firebugを開いたら、右側のサイドバーにある「レイアウト」をクリックします。次に、要素にカーソルを合わせると、そのボックス内に寸法が表示されます (クリックする必要はありません)。Chrome のインスペクタ ツールほど直感的ではありませんが、問題なく機能します。

于 2012-07-23T20:15:47.620 に答える