网站前端设计中解决不同分辨率电脑测量尺寸不同的问题

在刚接触前段的时候,通常最先接触的是HTML+CSS的开发模式,有的时候需要借鉴别的网站的设计效果,这就需要用到截图工具(PrtSc键),但是不同分辨率的计算机截图实际测量结果是不同的。比如,我的电脑屏幕分别率比较高,官方推荐将分辨率调到150%。但是这样使用PrtSc键截图出来的数据并不准确(例如,我在css中设置height:26px,当我的分辨率调到150%时,使用PrtSc键截图出来的测量height=40px,远大于真实的26px)。

解决方法:

一个最简单的解决方法是将分辨率调回100%然后使用PrtSc键截图,这是再使用测量工具(如画图、firework等)测量,得出的数据就是准确的了!

        同样,对于初学者,想临摹其他网站的设计效果(想要得到准确的测量数据),不妨也将分辨率调到100%之后再使用截图工具,这样得到的截图数据才是准确的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值