0

一旦视口收缩说宽度为 500 像素，有没有办法在响应式网站中实现显示隐藏 div？

我想要做的是当视口收缩到 500 像素的宽度时，每个当前 div 可以通过显示隐藏或切换或某种手风琴隐藏？

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

这可能吗？

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

http://surfingthebluemarble.com/mnews.html

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

提前感谢您一如既往的帮助。

问候， umbre gachoong

4

1 回答 1

1

是的，您可以css针对某些视口（屏幕）创建目标

例如

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

参考这个

于 2012-06-05T15:43:51.910 回答