有没有办法检测用户是使用旧显示器还是使用css或js的新显示器？

Question

我的新网站上的一些元素在我的旧显示器上显示得很糟糕（我想它是由显示器支持的颜色数量引起的），但是我的新笔记本电脑非常好地显示了这些元素。我假设一些用户也使用旧显示器，但我不想为所有用户更改样式，但仅限于使用旧显示器的用户。

我尝试了很多选项，比如css color中的color-gamot和@media，以及js中的screen.colorDepth。但这些值对于我的新笔记本电脑和旧显示器来说是相同的。

那么，有没有办法检测用户是否使用旧显示器并在这种情况下为元素应用其他样式？

Answer 1

screen对象将告诉您几乎所有需要的东西..

console.log(screen);

你也可以尝试这个来获得像素比率。

var e = document.createElement('div'), ppi;
e.style.width = '1in';
document.body.appendChild(e);
ppi = e.offsetWidth * devicePixelRatio;
document.body.removeChild(e);
console.log(`Your screen has ${ppi} pixels per square inch`);