网站前端设计中解决不同分辨率电脑测量尺寸不同的问题
2017-05-07 12:07
567 查看
在刚接触前段的时候,通常最先接触的是HTML+CSS的开发模式,有的时候需要借鉴别的网站的设计效果,这就需要用到截图工具(PrtSc键),但是不同分辨率的计算机截图实际测量结果是不同的。比如,我的电脑屏幕分别率比较高,官方推荐将分辨率调到150%。但是这样使用PrtSc键截图出来的数据并不准确(例如,我在css中设置height:26px,当我的分辨率调到150%时,使用PrtSc键截图出来的测量height=40px,远大于真实的26px)。
解决方法:
一个最简单的解决方法是将分辨率调回100%,然后使用PrtSc键截图,这是再使用测量工具(如画图、firework等)测量,得出的数据就是准确的了!
同样,对于初学者,想临摹其他网站的设计效果(想要得到准确的测量数据),不妨也将分辨率调到100%之后再使用截图工具,这样得到的截图数据才是准确的。
解决方法:
一个最简单的解决方法是将分辨率调回100%,然后使用PrtSc键截图,这是再使用测量工具(如画图、firework等)测量,得出的数据就是准确的了!
同样,对于初学者,想临摹其他网站的设计效果(想要得到准确的测量数据),不妨也将分辨率调到100%之后再使用截图工具,这样得到的截图数据才是准确的。
相关文章推荐
- Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小(无人值守,节约测试成本的福音,BOSS 最爱)
- 巧用 stackoverflow.com 系列网站,解决不同问题
- 20120603网站设计问题解决记录
- 自定义RatingBar,不同分辨率屏幕下图片拉伸或者显示不完整问题解决
- ps中的背景图尺寸与图像尺寸不同时,如何将图像分离出来----------已解决的问题
- 解决JPG文件和NSImage分辨率不同的问题
- 自定义RatingBar,不同分辨率屏幕下图片拉伸或者显示不完整问题解决
- 页面在不同屏幕分辨率下存在的问题及解决办法
- 简易在线投票系统(php)——前端设计(问题与解决)
- 页面在不同屏幕分辨率下存在的问题及解决办法
- 解决电脑输入ftp网站不能再资源管理中打开的问题
- 解决UITableView中image加载不同宽度尺寸图片的问题
- 自定义RatingBar,不同分辨率屏幕下图片拉伸或者显示不完整问题解决
- 页面在不同屏幕分辨率下存在的问题及解决办法
- 解决表单的label和formField因为分辨率不同分行错开的问题
- 解决不同分辨率下浮动div层位置问题
- 小尺寸屏幕能否解决Windows平板电脑的真正问题
- 使用@media screen解决分web不同分辨率问题
- bbs 网站开发中常见前端问题及解决