当前位置:Gxlcms > html代码 > 如何判断屏幕大小来自动执行js?_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:67人阅读

想当屏幕宽度小于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

人气教程排行