有没有办法在响应式网站中实现show hide div？

Question

一旦视口收缩到宽度为500px，有没有办法在响应式网站中实现show hide div？

我想要做的是当视口收缩到500像素的宽度时，每个当前div可以被show hide或toggle或某种手风琴隐藏？

这意味着这些函数在视口收缩到此宽度之前不会“启动”。

这可能吗？

以下是我需要执行此操作的网站：

http://surfingthebluemarble.com/mnews.html

现在，当这个网站收缩时，内容太长了。我需要隐藏才能隐藏并在点击时显示这些div。

一如既往地感谢您的帮助。

此致 umbre gachoong

Answer 1

是的，您可以创建定位到某些视口（屏幕）的css

e.g。

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

参考this