调整大小打破了我的div的位置

Question

我仅使用div（没有图像）创建了一个基本时钟，并且在关闭时钟时箭头断开并且关闭位置如下所示：

为什么会这样？有人能解决这个问题吗？这是一个没有外部文件的单个文件

Answer 1

首先，WOW，真的很棒！

我看到它在firefox和chrome上都会发生。 当我将三角形的顶部/底部/左/右更改为28-29px时，它的位置更好。

我认为它与调整大小的方法（或浏览器调整大小的bug有关 - 虽然我不认为它在两个浏览器上都会发生），你是否尝试将'px'转换为'em'，作为'em' '意在保持尺寸比例更好。

Answer 2

哇，令人印象深刻。我不确定这可以作为一个真正的答案，但可以引导你朝着正确的方向......

当您放大浏览器时，您的意思是什么？我曾经遇到一个问题，结果就是不同的浏览器渲染子像素的方式。它不完全是你的问题，但我认为它非常相似。

此页面描述了问题：http://ejohn.org/blog/sub-pixel-problems-in-css/。

我认为它与之相关的原因是，如果你在页面上进一步放大，问题就会消失，但随后又回来了。这是浏览器渲染从未设计为100％以外的任何其他元素的元素。

您也会注意到，如果缩小问题是相同的。

我的建议 - 别担心！