我想仅在“带触摸栏的Macbook Pro”上显示一些内容,并在其他台式机/笔记本电脑中隐藏相同的内容。
我知道使用媒体查询可以使我定位设备和像素比率,但是这里我试图定位启用触摸功能的笔记本电脑设备。
任何建议或链接都会有很大帮助。 预先感谢。
答案 0 :(得分:0)
由于CSS不是特定于设备的,因此无法实现。您可以根据视网膜设备的像素比率添加媒体查询,但不能添加特定的媒体查询。
要针对特定设备,我想说您可以尝试使用用户代理字符串尝试使用JavaScript查找最新的MAC OS版本,并假定它是带有Touchbar的Mac Book Pro。
该库提供了对Touchbar的支持,因此也许在您的js代码中使用它的一个实例,您就可以检测是否支持它,这意味着它是否带有触摸条。看看它,如果您有更具体的问题,请在SO的新主题中加入更具体的内容。