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

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

解决方法:

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

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

你可能感兴趣的:(网站前端设计中解决不同分辨率电脑测量尺寸不同的问题)