Snipaste等截图px与浏览器内容px不一样

刚入门前端的小伙伴们一般会模仿一些官网首页样式去敲代码，然而在定义宽高的时候少不了截图观察像素，却发现截图像素和自己定义的像素有很大的差别

下面让我来解释一下原因：

1.Win10系统为了让使用效果更舒服，默认文本、应用布局是125%，如下图：开始—设置—系统—显示

2.所以当系统设置成100%的时候，网页的像素就和前端工具里自己写的像素一样了。当然，用笔记本的话设置为100%的话看着确实不舒服，所以可以按照比例来用计算器计算一下像素。
举个例子：蓝色部分宽是992px。

3.当默认文本、应用布局是125%时，截图宽为：1222px。

4.用计算器算得结果差不多，如下图：

关注我，一名小白程序员

作者：我们的世界

如有疑惑，欢迎前来探讨：
qq：2564797346