css是否可以在移动设备上使用？

Question

css是否可以在移动设备上使用？

css是否可以在移动设备上使用？我有一个css悬停类,它可以在常规的Web浏览器上正常工作,但不适用于移动浏览器.

Answer 1

的:hover伪类需要定点(图形输入)设备,能够区分动作的指向和选择/激活.通常在具有触摸界面的移动设备上,您没有前者,只有后者.还有一些笔接口只允许激活,而不是指向.

的:hover伪类适用,而用户指定的元件(有一些指示设备),但不将其激活.例如,当光标(鼠标指针)悬停在元素生成的框上时,可视用户代理可以应用此伪类.不支持交互式媒体的用户代理不必支持此伪类.支持交互式媒体的一些符合要求的用户代理可能无法支持该伪类(例如,笔设备).

- W3C:CSS 2.1:选择器,动态伪类

所以,回答你的问题:这取决于设备,但可能没有.并且不要依赖它.随着触摸屏设备迅速普及,您将失去整个仅指向事件.

也许新技术将带回仅有点事件.见[this](http://www.mobilemag.com/2010/04/22/cypress-truetouch-adds-hover-functions-to-touchscreens/)和[this](http://www.webia.info/articles/usability/the-change-is-here-hover-events-come-to-mobile-devices /)链接. (3认同)
很快？大多数原始研究(也涉及手势)都发生在80年代.从那时起已经过了几十年.此外,触摸设备已经在众所周知的旧WIMP之外具有可用的交互范例.目前尚不清楚我们是否只是为了它而使它永久化. (2认同)

Answer 2

And*_*ker 28

叹.似乎没有人回答这个问题实际上是在真实设备上尝试过.在许多情况下它确实有效.第一次单击充当悬停.

这里有更多信息:http://designshack.net/articles/css/are-hover-events-extinct/

当然,如果点击某些东西没有做任何事情并且仅悬停,那就没关系.但在大多数情况下,我看到`:hover`会触发一些辅助信息,一个工具提示或类似的信息,关于点击时会发生什么.由于您无法在移动设备上将两者分开,因此丢失了非常大的用例. (5认同)
只是想在移动设备上添加"``:hover```非常不可靠.正如@andybak所说,它是正确的,但它是可靠的,必须使用另一种方法解决这个问题. (2认同)

Answer 3

Nat*_*ong 7

除非设备能够检测到有人将手指悬停在屏幕上,即将点击.:)

然而,对于那些具有无用功能的手指来说,就像那些设备的大小一样,你很可能会指责任何会对悬停做出反应的东西.除非你的手指是半透明的,否则很难看到;-) (4认同)
+1即将到来!见[this](http://www.mobilemag.com/2010/04/22/cypress-truetouch-adds-hover-functions-to-touchscreens/)和[this](http://www.webia.info/articles/usability/the-change-is-here-hover-events-come-to-mobile-devices /)链接. (2认同)

Answer 4

Dav*_*vid 7

提问者的意思是"css悬停在移动设备上工作吗？"？

他显然并不是字面意思,因为没有像移动设备上悬停的东西所以它无法工作.

如果他的意思是"在移动设备上,如果我点击具有悬停风格的对象会发生什么事情？" 答案是肯定的,但发生的情况因设备/浏览器而异.

特别是在iPhone/Safari和Android上,响应就好像你已经编写了一个OnClick()事件处理程序,其中包含样式更改,并且这会持续到你点击另一个对象为止.在Windows手机上,手指按下手机时会发生样式更改,然后在释放手指时恢复.

您可以在我在davidleader.net/mobiledemo.html上设置的测试站点检查您的设备.

归档时间：	15 年，10 月前
查看次数：	60299 次
最近记录：	7 年前