Question

I was using Firefox’s web developer feature to inspect elements. I am curious to know if someone has a way of finding the exact dimensions, i.e. width and height in pixels, of a HTML element on a given page?

For example, right click right now on any element on this StackOverflow page that you’re reading, click “Inspect” – is there a quick and dirty way of finding out how many pixels is being shown on your browser? Particularly the width, because often times the stylesheet denotes the height already.

Note:
My use case is to resize an image to exactly the width in pixels that it is being displayed, in addition to doing something like

    <img style="width:100%;" />

Answer 1

Inspect, view styles, click the computed tab and uncheck only user styles.