在日常设计时，有的同学会发现，在网页中设置的宽度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即可
你看，是不是恢复正常了呢？
本文链接：https://my.lmcjl.com/post/17010.html
展开阅读全文
4 评论