15

我只使用 div(无图像)创建了一个基本时钟,并且在调整时钟箭头时会中断并处于关闭位置,如下所示:

在此处输入图像描述                                     在此处输入图像描述

为什么会这样?有人可以为我解决这个问题吗?这是一个文件,没有外部文件

4

2 回答 2

1

首先,哇,真的很棒!

我看到它发生在 Firefox 和 chrome 上。当我将三角形的顶部/底部/左侧/右侧更改为 28-29 像素时,它的位置更好。

我认为它与大小调整方法(或浏览器调整大小错误 - 尽管我不认为这在两种浏览器上都会发生)有关,您是否尝试将 'px' 转换为 'em',因为 'em' 的意思更好地保持尺寸比例。

于 2012-10-03T12:37:26.093 回答
1

哇,印象深刻。我不确定这是否是一个真正的答案,但可以引导您朝着正确的方向前进......

你的意思是当你放大浏览器时?我曾经遇到过一个问题,原来是不同的浏览器如何渲染子像素。它不完全是你的问题,但我认为它非常相似。

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

我认为它相关的原因是,如果您进一步放大页面,问题就会消失,然后又会回来。这就是浏览器渲染元素的方式,这些元素从未被设计为以 100% 的比例查看。

你也会注意到,如果你缩小问题,问题是一样的。

我的建议——别担心!

于 2012-10-03T12:37:43.457 回答