我的新网站的某些元素在我的旧显示器上显示非常糟糕(我想这是由显示器支持的颜色数量引起的),但我的新笔记本电脑可以很好地显示这些元素。我假设一些用户也使用旧显示器,但我不想为所有用户更改样式,而只是为那些使用旧显示器的用户更改样式。
我尝试了很多选项,例如 css @media
中的 color
和 color-gamot
,还有 screen.colorDepth
在 js 中。但这些值对于我的新笔记本电脑和旧显示器来说是相等的。
那么,有没有办法检测用户是否使用旧监视器并在这种情况下为元素应用其他样式?
最佳答案
screen
object 会告诉你几乎所有你需要的东西..
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`);
关于javascript - 有没有办法检测用户使用的是旧显示器还是带有 css 或 js 的新显示器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49037530/