如何在浏览器调整大小时隐藏div? [英] How to hide div when the browser is resized?

查看:110
本文介绍了如何在浏览器调整大小时隐藏div?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

请查看 www.usatoday.com

当浏览器调整大小时,右边的现在部分将被隐藏。然后它从无处显示,当按钮(反过来,当现在隐藏时出现)被点击。

Check out www.usatoday.com.
The right now section is hidden when the browser is resized. Then it appears from nowhere when the button(which, in turn, appears when right now hides) is clicked. I want to do the same thing.

推荐答案

在CSS中使用媒体查询

Use media queries in your CSS

@media only screen and (max-device-width: 480px) {
    .mydiv{display:none;}
}

相应地更改宽度。

这篇关于如何在浏览器调整大小时隐藏div?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆