界面设计:一个像素之差产生的距离(转)
2014-06-06 11:01
211 查看
当使用Opera浏览器测试手头上正在开发的一个网站时,我发现在激活浏览器中的标签页(tab)时遇到了很大的麻烦。我说的“激活”是指用鼠标点击浏览器的标签页标签(tab)时,标签页没反应,没有切换成当前激活页。我需要点击几次才能让我想要的该死的标签页切换出来。
点击标签页没反应的原因归咎于Opera浏览器标签页标签顶端的一个像素。先解释一下我的操作习惯,我是个懒惰的人,我不喜欢精确的将鼠标移动到浏览器标签页标签的正中间、然后点击激活它。我是喜欢将鼠标直冲向想要的标签页标签,一直冲到鼠标无法移动位置——也就是到达了屏幕的边缘——然后再点击鼠标,激活标签。Opera浏览器的标签页标签并没有占满它顶部的所有高度,在最顶部留下了一个像素的距离,但它是不可点击的。当浏览器窗口最大化状态时,我试图将鼠标光标移到最顶端、屏幕的边缘,点击——没反应。
下面就是这一个像素,我用红颜色标识出来:
放大6倍显示:
你不能认为我的操作习惯很怪僻。因为我在使用火狐浏览器、谷歌浏览器是都没有遇到这种问题。火狐浏览器在它的标签页标签顶部也留了一个像素,但这个像素是可以点击的。谷歌浏览器的标签页标签占满了所有高度,不存在这个问题。而IE浏览器(IE11),跟它的这些竞争对手完全不同,它在标签页标签的顶部留下了巨大的空间。
这个问题让我郁闷了很久,直到我明白了是什么原因。我从来没有像这样讨厌过一个像素点。
(英文:That one pixel.)
点击标签页没反应的原因归咎于Opera浏览器标签页标签顶端的一个像素。先解释一下我的操作习惯,我是个懒惰的人,我不喜欢精确的将鼠标移动到浏览器标签页标签的正中间、然后点击激活它。我是喜欢将鼠标直冲向想要的标签页标签,一直冲到鼠标无法移动位置——也就是到达了屏幕的边缘——然后再点击鼠标,激活标签。Opera浏览器的标签页标签并没有占满它顶部的所有高度,在最顶部留下了一个像素的距离,但它是不可点击的。当浏览器窗口最大化状态时,我试图将鼠标光标移到最顶端、屏幕的边缘,点击——没反应。
下面就是这一个像素,我用红颜色标识出来:
放大6倍显示:
你不能认为我的操作习惯很怪僻。因为我在使用火狐浏览器、谷歌浏览器是都没有遇到这种问题。火狐浏览器在它的标签页标签顶部也留了一个像素,但这个像素是可以点击的。谷歌浏览器的标签页标签占满了所有高度,不存在这个问题。而IE浏览器(IE11),跟它的这些竞争对手完全不同,它在标签页标签的顶部留下了巨大的空间。
这个问题让我郁闷了很久,直到我明白了是什么原因。我从来没有像这样讨厌过一个像素点。
(英文:That one pixel.)
相关文章推荐
- 一个 App 的界面设计流程是怎么产生的?
- 一个App的界面设计流程是怎么产生的
- 一个 App 的界面设计流程是怎么产生的?
- 一个App的界面设计流程是怎么产生的
- 用C#设计一个简单的修改密码界面
- 一个Web系统的界面设计和开发.2
- 界面只有一个文本框时,回车就会产生页面提交事件
- 设计一个算法,将计算机产生的n个随机数,分为奇数、偶数两组,并将它们分别压入两个栈中,然后输出在屏幕上
- [转]一个Web系统OA界面设计和开发
- [转]界面上有两个DataGridView,其中的一个的水平滚动条滚动时,另外一个的水平滚动条也能够滚动相同的的距离
- FastReport控件系列写一个小小报表界面设计工具
- 一个Web系统OA界面设计和开发
- 说到界面设计,想起VSS里面的一个问题
- 一个界面原型设计小工具
- 分享一个快速开发工具的设计界面
- 一个Web系统的界面设计和开发.1
- 【转】一个不错的Matlab的gui界面设计实例 (2008-10-03 15:47:30)matlab gui 界面 校园 分类:Matlab实例
- web开发,是个非常敏捷的过程,变化随时都在产生,用户需求千变万化,许多方面偶然性非常高,较之软件开发,希望用一个架构规划以后的所有设计,是不现实的
- 设计并编写一个Windows Mobile 6.5今日界面
- 设计产品设计的一个信号产生电路