效果图
CSS
div {
width: 300px;
height: 300px;
background-color: pink;
}
JS
window.addEventListener('load', function ()
{
var div = document.querySelector('div');
window.addEventListener('resize', function ()
{ // resize' 尺寸
// console.log('变化');
console.log(window.innerWidth); // 屏幕宽度尺寸
if (window.innerWidth <= 800)
{
div.style.display = 'none';
} else
{
div.style.display = 'block';
}
})
})