CSS解决浏览器显示盒子大小和实际设置盒子大小不一致的问题

在学习CSS的盒子模型时，VScode中设置的盒子内容width值为200px，但在浏览器上实际显示250px。一开始以为是浏览器的缩放导致的，但经过查看排除了这个问题。

        由于采用的是win10系统，通过上网查询，我发现Windows设置中的显示，默认使用的是125%，在这里进行了缩放。将这里更改为100%，此时在浏览器上显示的效果和实际编码中的盒子大小就一致了。