javascript - 如何知道使用 javascript 查看网站的设备是什么？

Question

使用 CSS，您可以使用 @media 来根据屏幕大小操作网站样式。

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

情况：

如果网站使用手机打开：

    id.style.width='500px';

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

    id.style.width='800px';

标签： javascripthtmlcss

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)'));