跳到主要内容

CSS4媒体查询以解决触摸问题

编辑的Media Queries Level 4草案,编辑Florian Rivoal,已经发布。它解释说,因为CSS已经迎合了媒体类型,新提案主要旨在实现更精确的定位,使设计响应输入类型。

其中一个新提议的属性是'指针',它将采用'无','粗'和'精'的值,分别用'粗'和'精'代表“精确度有限的指针设备”(例如触摸屏上的手指)和“准确的指点设备“(例如传统的桌面指针,由鼠标或触控板控制)。

在其他地方,一个'徘徊'属性将查询输入是否可以悬停,使设计人员能够相应地修改网站的功能。 Rivoal告诉.net,这些提案尚未在CSS工作组中进行辩论,但他预计这些提案会受到好评。

由于媒体类型的相对失败,部分新想法已经到来。 Rivoal告诉我们:“据我所知,没有浏览器使用'电视'或'手持'类型,”这意味着它们不能被依赖。然而,媒体特征他说,这是一个“取得巨大成功”,我们可以期待在未来版本的Media Query规范中看到更多。假设Rivoal,这是因为超出屏幕特性,由于输入机制通常需要设计差异化。

在详细阐述新提案中的属性时,Rivoal说:“'指针'和'悬停'属性描述了输入系统的特征。另一种方法是列出各种已知的输入系统,让作者明确地查询鼠标或触摸。但正如媒体类型所示,明确的列表效果不佳。

“我们应该区分鼠标,轨迹球和触控板吗?触控笔触摸和手指触摸,或单点触控和多点触控怎么样?或者电话键盘与电视遥控器?这些是独家的,还是可以匹配几个同时?这些问题并没有真正的答案。相反,通过专注于输入设备的功能,我们得到一个更灵活的系统,这也更容易正确。“

关于'悬停',Rivoal说开发人员想要知道触摸屏上的用户是否因为你不能悬停触摸输入,因此应避免出现悬停时出现的下拉/弹出菜单等原因。

“明确查询'悬停'可以让你做到这一点,但除了在智能手机上运行良好之外,你的设计在任何无法悬停的系统上都表现良好,即使它还没有被发明。你不能使用明确的输入设备列表来做到这一点。“



翻译字数超限