On the inconsistency between the width of a div box in css displayed under F12 and the pixels displayed with the screenshot tool

question background: recently, I am designing a website with the concept of 960 rasterization. I finished the picture in ps and implemented the layout with the front-end framework 960.gs. After the front-end wrote the page, I found that the original width 960px page was rigidly dried into a 1060px + width page, and then using F12 to click on each module to see the specific pixel size, I found the following problems

problem description:
the following is the object I use to describe the problem, a navigation bar
clipboard.png
1060*66paddingborderbox-sizing:border-border-box,
F12

clipboard.png

the size of the same navigation screenshot tool is completely different from that of F12. I am very confused. I very much hope that someone can give me some advice

.
Css
Mar.13,2021

your browser has inadvertently zoomed in. Could have used a small example to investigate, the worst copy of the page bit by bit to solve the problem, have to ask questions to trouble others, although do not like to ask and answer themselves, but still have a beginning and an end, this question is over

Menu