界面设计：一个像素之差产生的距离（转）

当使用Opera浏览器测试手头上正在开发的一个网站时，我发如今激活浏览器中的标签页(tab)时遇到了很大的麻烦。我说的“激活”是指用鼠标点击浏览器的标签页标签(tab)时，标签页没反应，没有切换成当前激活页。我须要点击几回才能让我想要的该死的标签页切换出来。

点击标签页没反应的缘由归咎于Opera浏览器标签页标签顶端的一个像素。先解释一下个人操做习惯，我是个懒惰的人，我不喜欢精确的将鼠标移动到浏览器标签页标签的正中间、而后点击激活它。我是喜欢将鼠标直冲向想要的标签页标签，一直冲到鼠标没法移动位置——也就是到达了屏幕的边缘——而后再点击鼠标，激活标签。Opera浏览器的标签页标签并无占满它顶部的全部高度，在最顶部留下了一个像素的距离，但它是不可点击的。当浏览器窗口最大化状态时，我试图将鼠标光标移到最顶端、屏幕的边缘，点击——没反应。

下面就是这一个像素，我用红颜色标识出来：

放大6倍显示：

你不能认为个人操做习惯很怪僻。由于我在使用火狐浏览器、谷歌浏览器是都没有遇到这种问题。火狐浏览器在它的标签页标签顶部也留了一个像素，但这个像素是能够点击的。谷歌浏览器的标签页标签占满了全部高度，不存在这个问题。而IE浏览器(IE11)，跟它的这些竞争对手彻底不一样，它在标签页标签的顶部留下了巨大的空间。

这个问题让我郁闷了好久，直到我明白了是什么缘由。我历来没有像这样讨厌过一个像素点。

(英文：That one pixel.)