html - 使用响应式网页设计调整大小时如何使元素消失？

Question

我正在使用 facebook 评论框，当屏幕分辨率缩小时，我无法让它缩小。我的跨度类(class)对此没有任何影响。一旦屏幕尺寸低于框的宽度，我试图让评论框消失。

是否可以在达到最大宽度后让它消失？

Answer 1

当然可以，在你的css中写

// REGULAR OL' CSS

span#yourspan { display:block }

// MEDIA QUERY

@media screen and (max-width:480px) {
    span#yourspan { display:none }
}

进一步阅读它:)

https://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html

一个小问题，你的 facebook box 在 iframe 中吗？