css - Chrome 21 和 1px 的区别很烦人的 bug

标签 css google-chrome

关于 this site日期选择器在所有浏览器(IE8+、Firefox 14、Chrome 20 和 Opera 12)中都能正确显示,但 Chrome 的最新更新版本 21 似乎引入了一个非常烦人的错误,出于对 Darwin 的热爱,我无法判断 hell 正在发生,为什么?

------------所有和 Chrome 20--------------------< strong>Chrome 21 WTH!------------

enter image description here

知道为什么会这样吗?这个错误来自哪里?我已经尝试使用 devtools 切换每一个 css 属性,但似乎没有什么不同。它甚至可以在 IE8 中运行,所以这一定是 Chrome 的一个错误。

编辑: 为了更清楚一点,当我定位日期选择器使其与输入对齐时,日期选择器的顶部边框与输入的底部边框对齐。为了折叠边框,我在我的 css 中使用了 margin-top: -1px。最新的 Chrome 的问题似乎是它在日期选择器和输入之间的空间增加了一个像素,因此边框不相邻,它们之间有 1 像素的距离,甚至在折叠它们之前。

最佳答案

我没有永久解决方案,但您可以将 margin-top:-2px; 提供给该浏览器的 ui-datepicker-div

不要接受我的回答。这是一个临时解决方案。

附言无法从此处分析代码,但看起来像 jquery 的 .height() 函数,为该版本提供带边框的高度。

关于css - Chrome 21 和 1px 的区别很烦人的 bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11820439/

相关文章:

html - CSS max-width 的像素精度不准确

html - 如何防止高像素比设备(视网膜)上的半像素 SVG 偏移?

css - 具有 3 个随机大小列和底部的 div 模板

jquery - 响应式方形图像重复以平均填充窗口空间

google-chrome - 如何从 background.html 以编程方式打开 chrome 扩展弹出窗口

javascript - 如何以及如何禁用 Javascript 中的触摸事件?

css - 如何将字体的数字类型从阿拉伯语更改为英语?

javascript - 使用 jQuery 的 TextArea 字符计数器

css - 在 chrome 中设置 css constant() 或 env() 变量以进行调试

css - Chrome 浏览器 - 绝对定位和 float 问题