photoshop宽度像素和网页宽度像素不一致的原因和解决办法

在日常设计时，有的同学会发现，在网页中设置的宽度1000px，截图用photoshop打开后怎么就不是1000,1200多甚至1300多，这是个很奇怪的问题，丁老师检查了photoshop的分辨率（72，无问题），和网页缩放（100%）后，都没发现问题，那么到底是怎么回事呢？

如图，网页中1184的分辨率

在photoshop中，同样的宽度显示为1480px

丁老师忽然想起，这种是否因为桌面分辨率缩放引起的呢？一看果不其然，桌面分辨率设置为了125%

这也就意味着，在浏览器中，开发者工具显示的是网页的css设置宽度，但是被放大了25%倍，所以显示宽度就变大了。

要解决这个问题，其实不难，photoshop的默认分辨率为72，我们根据公式得出：

解：

125%:72=100%:x

    125x=100x72

    125x=7200

    x=7200/100

    x=57.6

即，截图后把photoshop的分辨率设置为57.6即可

你看，是不是恢复正常了呢？