界面設計：一個像素之差產生的距離（轉）

當使用Opera瀏覽器測試手頭上正在開發的一個網站時，我發如今激活瀏覽器中的標籤頁(tab)時遇到了很大的麻煩。我說的「激活」是指用鼠標點擊瀏覽器的標籤頁標籤(tab)時，標籤頁沒反應，沒有切換成當前激活頁。我須要點擊幾回才能讓我想要的該死的標籤頁切換出來。

點擊標籤頁沒反應的緣由歸咎於Opera瀏覽器標籤頁標籤頂端的一個像素。先解釋一下個人操做習慣，我是個懶惰的人，我不喜歡精確的將鼠標移動到瀏覽器標籤頁標籤的正中間、而後點擊激活它。我是喜歡將鼠標直衝向想要的標籤頁標籤，一直衝到鼠標沒法移動位置——也就是到達了屏幕的邊緣——而後再點擊鼠標，激活標籤。Opera瀏覽器的標籤頁標籤並無佔滿它頂部的全部高度，在最頂部留下了一個像素的距離，但它是不可點擊的。當瀏覽器窗口最大化狀態時，我試圖將鼠標光標移到最頂端、屏幕的邊緣，點擊——沒反應。

下面就是這一個像素，我用紅顏色標識出來：

放大6倍顯示：

你不能認爲個人操做習慣很怪僻。由於我在使用火狐瀏覽器、谷歌瀏覽器是都沒有遇到這種問題。火狐瀏覽器在它的標籤頁標籤頂部也留了一個像素，但這個像素是能夠點擊的。谷歌瀏覽器的標籤頁標籤佔滿了全部高度，不存在這個問題。而IE瀏覽器(IE11)，跟它的這些競爭對手徹底不一樣，它在標籤頁標籤的頂部留下了巨大的空間。

這個問題讓我鬱悶了好久，直到我明白了是什麼緣由。我歷來沒有像這樣討厭過一個像素點。

(英文：That one pixel.)