javascript - 当位置/尺寸不是整个宽度时，CSS3 边框半径问题

Question

注意到当位置和/或尺寸不是整数时 CSS3 中的圆 Angular 问题。不确定是浏览器还是 CSS 相关。

目前正在为 Google map 上的图标附加标签。有时位置会发生非常轻微的变化，导致附加标签(具有 CSS3 边框半径的 div)的位置无法正确呈现。看看:

请注意 6 是如何缺少底部行的像素，这些像素已视觉添加到 div 的顶部。但是 7 是正常且完整的。

与贴上每个标签相关的代码:

// Implement draw
Label.prototype.draw = function() {
     var projection = this.getProjection();
     var position = projection.fromLatLngToDivPixel(this.get('position'));
     var div = this.div_;
     div.style.left = position.x + 'px';
     div.style.top = position.y + 'px';
     div.style.display = this.get('display');
     div.style.zIndex = this.get('zIndex'); //ALLOW LABEL TO OVERLAY MARKER
     this.span_.innerHTML = this.get('text').toString();
};

有什么想法或解决办法吗？问题是 Javascript、GMaps、浏览器还是 CSS？谢谢!

Answer 1

使用像素定位时使用整数，因为它们是绝对测量值。