CSS媒体查询是否连接了物理键盘

不幸的是,媒体查询4中没有查询来识别键盘的存在。 虽然还有其他新的查询可能会有所帮助。

在我自己的应用程序中,我假设当有鼠标或触摸板作为主要输入时,键盘就存在了。您可以使用查询

@media (hover: hover) and (pointer: fine) { ... }

此查询将转到 false 适用于带有触摸屏的设备、手写笔设备以及相机输入等奇异设备。

请注意,使用此查询,您将查询主输入设备。您可以使用查询所有输入设备 any-hover 和 any-pointer .

还请注意,截至目前,MQ4的采用率为所有浏览器的81%,但没有Firefox: https://caniuse.com/#feat=css-media-interaction

介质查询4不提供任何介质功能来确定是否连接了物理键盘。没有什么可以阻止您在www样式的邮件列表上为MQ4或MQ5提出这样的功能,但是请记住,对于供应商来说,这样的媒体功能是否容易实现是另一回事。