您的位置:首页 > 运维架构 > 网站架构

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

2017-05-07 12:07 567 查看
在刚接触前段的时候,通常最先接触的是HTML+CSS的开发模式,有的时候需要借鉴别的网站的设计效果,这就需要用到截图工具(PrtSc键),但是不同分辨率的计算机截图实际测量结果是不同的。比如,我的电脑屏幕分别率比较高,官方推荐将分辨率调到150%。但是这样使用PrtSc键截图出来的数据并不准确(例如,我在css中设置height:26px,当我的分辨率调到150%时,使用PrtSc键截图出来的测量height=40px,远大于真实的26px)。
解决方法:
一个最简单的解决方法是将分辨率调回100%,然后使用PrtSc键截图,这是再使用测量工具(如画图、firework等)测量,得出的数据就是准确的了!
       
同样,对于初学者,想临摹其他网站的设计效果(想要得到准确的测量数据),不妨也将分辨率调到100%之后再使用截图工具,这样得到的截图数据才是准确的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端 分辨率 HTML+CSS