0

ページ上の単なる長方形のボックスであるCSSファイルでdivクラスを作成したい場合。過度の試行錯誤をせずに、この div の高さと幅を計算するにはどうすればよいですか?

本当に必要なのは、画面の 1 つのセクションをクリックしてから、画面の別のセクションをクリックできるシンプルなツールだけです。これにより、クリックした 2 点間の水平、垂直、対角のピクセル距離が得られます。これを行うためのツールを知っている人はいますか?おそらく私はそれを作成することができます。これは非常に便利です。

4

2 に答える 2

1

スクリーンショット > GIMPなどで開く> ピクセル数を数えます。

ただし、実際の開発者ツールが必要な場合は、ブラウザーによって異なります。

  • Firefox にはFirebug (アドオン) があります。Firebug でそれを見つけるには、HTML ビューを見て、要素を右クリックし、[DOM で検査] をクリックして、[innerWidth/innerHright] を見つけます。
  • Chrome には開発者ツール(拡張機能) があります。HTMLビューで要素にカーソルを合わせるだけで、高さ/幅が表示されると思います。
  • Opera にはDragonFlyと呼ばれるものが組み込まれています。HTML ビューで要素を選択し、右側のウィンドウで [レイアウト] を選択して、[clientWidth/clientHight] を確認します。

ただし、Internet Explorer または Safari で検索する方法はないと思います。

于 2013-06-12T15:50:02.587 に答える