我的新网站的某些元素在我的旧显示器上显示非常糟糕(我想它是由显示器支持的颜色数量引起的),但我的新笔记本电脑非常好地显示这些元素。我假设有些用户也使用旧显示器,但我不想为所有用户更改样式,但仅限于使用旧显示器的用户。
我尝试了很多选项,例如css color
中的color-gamot
和@media
,以及js中的screen.colorDepth
。但这些值对于我的新笔记本电脑和旧显示器来说是相同的。
那么,有没有办法检测用户是否使用旧监视器并在这种情况下为元素应用其他样式?
答案 0 :(得分: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`);