热搜:NVER node 开发 php

如何判断屏幕大小来自动执行js?_html/css_WEB-ITnose

2024-11-23 12:30:01
如何判断屏幕大小来自动执行js?_html/css_WEB-ITnose

想当屏幕宽度小于800px时自动隐藏div


回复讨论(解决方案)

  
var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;if(browserWidth<800){       document.getElementById("div").style.display="none";}

借用楼上的代码,其实我的建议是这样,ie9以上css3的media可以实现楼主所说的效果。然后以下的用js实现,并且加上resize事件的绑定,要不然,隐藏之后窗口在拉大就不显示了。完整参考代码如下:

                this test div

相关推荐