追查1px的bug

ajiao注:仅为自己记录,其他博友们看可能云里雾里。

今天花了2个多小时调查错位1px(在某些环境下更多)的bug。

页面情况:标签框相对于左侧的checkbox绝对定位。飞一下、取消、推荐到没体均为右浮动。

调查:       截图、在PS上一点点测量,发现checkbox错位了1px。无从考证,很多种原因造成这种错位,不同的操作系统、字体(此处字体均为微软雅黑)、浏览器、分辨率都有可能。

解决:       给推荐到没体这个右浮动设置宽度。

PS:         吐血。“最好给浮动元素设置宽度”这句至理名言,常常在你快要忽视它的时候狠狠地绊你个跟头。


图1为开发环境下浏览器FF的情况,草稿框和其下的标签框是左对齐的。


追查1px的bug_第1张图片

图2为测试环境下浏览器FF的情况,标签框右错1px

图3为Neo机子上Chrome下的情况,标签框错位6px

追查1px的bug_第2张图片


你可能感兴趣的:(浏览器,chrome,测试,微软)