程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

如何知道使用 javascript 查看网站的设备是什么?[复制]

发布于2022-09-03 07:27     阅读(1204)     评论(0)     点赞(8)     收藏(5)


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

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

情况:

如果网站使用手机打开:

    id.style.width='500px';

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

    id.style.width='800px';

解决方案


您可以使用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)'));




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/396436/987257c1302ff151266b/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

8 0
收藏该文
已收藏

评论内容:(最多支持255个字符)