“截图尺寸和浏览器CSS像素设置不一样”解决方法

我们在刚开始学习前端时，可能经常会遇到一个问题，就是qq截图或者FastStone Capture截图和我们在CSS里面设置的像素不一样。

我写了一个很简单的例子，演示如下：

为了观看方便，我特意设置了背景颜色：

上述我设置的是400 460px，但是我使用qq和FastStone Capture截图都是600 690px，我当时还很好奇来着，这是为什么呢？

可能有人会问，你没事为什么用截图呢？

因为我在编写网页导入图片后，准备重置图片大小，使之与页面一致，从而达到美化页面效果时，发现我设置后的图片没有变动，那就尝试了截图工具，看看究竟多大，后来意外的发现了这个问题。

那么究竟是为什么会出现这样的问题呢？

原因在于现在的电脑都会存在缩放问题。

导致这个问题的原因可能有两个：

①浏览器缩放；
②系统缩放；

解决方法：

①将浏览器缩放设置为100%；

②将系统缩放设置为100%；

但我个人觉得系统还是150%用着舒服，所以按比例换算就可以啦，也没有很麻烦。