Width and height of HTML elements about actually 20% less than indicated at 100% scale

[chi...@gmail.com]

I have an HTML page that is rendering on Chrome. When I inspect the page by opening the inspect facilities and resize the inspect area, I can see the pixels width X height. However, when I measure the actual width and height set at 100% scale, the measurement is off by about -20%.  For example, when the element is set at 792px (equivalent to 210mm, the width of a A4 page), the actual measurement on the screen at 100% scale is about 165mm.

Why is this and how can I get the actual measurements to render on screen?

 

[PhistucK]

CSS metric units do not necessarily correspond the real-world metric units when displayed on a screen. When printing, they should match.

https://stackoverflow.com/questions/28618532/css-dimensions-1cm-1cm

https://www.w3.org/Style/Examples/007/units.en.html

Pixels can vary in size, depending on your screen size and resolution.

 

☆PhistucK

On Mon, Sep 24, 2018 at 10:18 AM <chi...@gmail.com> wrote:

I have an HTML page that is rendering on Chrome. When I inspect the page by opening the inspect facilities and resize the inspect area, I can see the pixels width X height. However, when I measure the actual width and height set at 100% scale, the measurement is off by about -20%.  For example, when the element is set at 792px (equivalent to 210mm, the width of a A4 page), the actual measurement on the screen at 100% scale is about 165mm.

Why is this and how can I get the actual measurements to render on screen?

 

--
You received this message because you are subscribed to the Google Groups "Chrome DevTools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/0ac5d2a1-3634-4cf5-abbf-5b78787d0620%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[chi...@gmail.com]

I see. Thanks for the explanation!

2018年9月24日月曜日 16時18分36秒 UTC+9 chi...@gmail.com: