如何知道使用什么设备使用javascript查看网站?

Question

使用 CSS，您可以使用@media根据屏幕尺寸来操纵网站样式。

我可以用 JavaScript 做同样的事情吗？

情况：

如果使用手机打开网站：

id.style.width='500px';

如果使用平板电脑打开网站：

id.style.width='800px';

Answer 1

您可以使用matchMedia().喜欢这个：

if (window.matchMedia('(min-width: 600px)').matches) {
console.log("this window bigger than 600px");
}

您应该获得布尔值matches键。因为window.matchMedia('(min-width: 600px)')返回一个对象。

console.log(window.matchMedia('(min-width: 600px)'));