如何在启用触摸的情况下将CSS定位写入Macbook(视网膜显示屏)

时间:2018-09-19 08:01:05

标签: html5 css3 macbookpro-touch-bar

我想仅在“带触摸栏的Macbook Pro”上显示一些内容,并在其他台式机/笔记本电脑中隐藏相同的内容。

我知道使用媒体查询可以使我定位设备和像素比率,但是这里我试图定位启用触摸功能的笔记本电脑设备。

任何建议或链接都​​会有很大帮助。 预先感谢。

1 个答案:

答案 0 :(得分:0)

由于CSS不是特定于设备的,因此无法实现。您可以根据视网膜设备的像素比率添加媒体查询,但不能添加特定的媒体查询。

要针对特定​​设备,我想说您可以尝试使用用户代理字符串尝试使用JavaScript查找最新的MAC OS版本,并假定它是带有Touchbar的Mac Book Pro。

该库提供了对Touchbar的支持,因此也许在您的js代码中使用它的一个实例,您就可以检测是否支持它,这意味着它是否带有触摸条。看看它,如果您有更具体的问题,请在SO的新主题中加入更具体的内容。

https://electronjs.org/blog/touch-bar-support