css 识别软件测出来的尺寸和代码设置的不一样

这是我在模仿网页时遇到的问题，困扰了一会儿，情况是这样的。
我下载了参考的网页html文件，为了测量某个box的高度，用了一款可以截图识别的软件：

量出来的box高度是30px，于是css样式height依样设置，出来之后发现，box高度明显比参考的网页高。用截图软件再次测量显示的是44px左右，然而后台里面的box确实设置的是30px高。
后来发现是我的电脑设置的问题，
因为我的系统显示设置为150%，导致浏览器整体效果偏大，这个软件量的就不准了。如果改成100%是可以的，但是这样电脑字体实在太小，因此还是f12看后台吧