Javascript 使用小物理屏幕但具有全高清像素分辨率检测移动设备的方法

是否有一些“最佳实践”来检测物理上具有小屏幕但具有高像素清晰度的移动设备？ 例如，一些智能手机的屏幕尺寸为20英寸和4.7英寸，全高清1920x1080相同。我需要在网站上显示移动标题，而不是标准桌面，并使用css查询。比如说

@media (max-width: 1024px){

    #responsive_mobile_header{
        display: block;
    }

    #desktop_header{
        display: none;
    }
}

这适用于大量设备，但对于全高清移动设备，我需要另一种方式

---

regexp也不是最好的方式-新浏览器和新id突然出现，它们不会被检测到

您可以使用

min设备像素比

或

min分辨率

（dpi）。有关更多信息，请参阅和。请查看此：）可能与我已看到的重复。但我认为regex——这不是最好的方式。但是谢谢你的链接，也许其他人会用它。）@Rorymcrossan thx我试着用它！