首页 > 文章列表 > 相关知识 > 查看文章

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

所属分类:相关知识 来源: 丁老师原创 更新时间:2022-11-22 11:01

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

a1.jpg

如图,网页中1184的分辨率

a2.jpg

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


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

a3.jpg

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

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

解:

125%:72=100%:x

    125x=100x72

    125x=7200

    x=7200/100

    x=57.6

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

a4.jpg

你看,是不是恢复正常了呢?

dls6.jpg

相关文章

微信支付常见问题及解决办法

微信支付常见问题及解决办法

js复制对象改变原值的解决办法

在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let...

checkbox控件页面后退时状态问题解决

问题:在html中,如果checkbox为已选状态,进入下一个页面后再点后退时,该check...

tortoise svn出现no path ...

在日常开发过程中,突然发现svn无法提交和更新,出现“nopathorpathfilespe...

推荐文章

mysql 1267 Illegal mix...

这个问题,用普通sql语句查询,好解决,把表的字符编码改为对应的就可以了。但在使用视图查询时...

mysql导入文件,source命令/php...

用phpmyadmin导入大数据库文件时,容易502badgateway,可以直接在linu...

您的nahimic驱动程序似乎已经过期的解决...

打开电脑的Nahimic软件,提示“您的nahimic驱动程序似乎已经过期,无法启动”,然后...

宝塔"在未指定SSL默认站点时,未开启SSL...

宝塔系统相关问题解决方法