返回首页 | 网站案例 | 帮助中心

合作共赢、快速稳定、服务地方的网站建设提供商

北京网站建设

服务热线:13812345678

输入机制媒体功能

时间:2014-6-8

  关于屏幕尺寸或分辨率,已经讨论了很多,接下来我们要谈谈其他的关键要素这同样也很重要.许多年来,鼠标搭配键盘一直主导着输入机制,但是,新设备不但接受鼠标搭配键盘的输入方式,还可以使用触摸,手写笔和声音,但是谁又能预测,将来还会出现什么新的输入方式呢!
  鉴于输入机制的多样性,在媒体查询级别4的规范中,提出了两个新的媒体功能,这两个媒体功能提供了支持用户和网页互动的样式规则.
  第一个新媒体功能昌pointer功能,它具有三个可用参数;在眼下最常见的输入机制中,键盘或主意控制的设备没有指针,所以被列入参数"none";像平板电脑或智能手机这类手指触摸屏,它们最有可能被 列入参数"coarse";能提供非常严密的鼠标或笔针,则被 列入参数"fine".
  在这种情况下,当使用触摸屏设备时,以下救命查询需要在所浏览网站的链接元素上添加额外的填充:
  @media screen and{pointer:coarse}{a{padding:1em;}}
  悬停状态是使用鼠标输入设备特有一个功能.当屏幕上的指针定位于元素上方时,可以使用这个功能来检测,很明显,触摸或语言输入不存在这个功能,若要解决这个问题,可以用悬停来测试,看设备中是否存在悬停状态,因为悬停查询是布尔型,所以不需要第二个值;
  @media screen and(hover){}
  如果想要尖没有悬停的设备上设备规则,可以使用0值或not运算符,所以,下面两条规则是类似的:
  @media screen and(hover:0){}
  @media not screen and(hover){}

建站流程

    北京网站建设流程