Question

我已经发布了以前关于如何让我的网站更具响应性的线程，这对我帮助很大。不幸的是，虽然在移动设备上查看网站时，所有内容都是相互分层的，文本不会调整大小或视频。这是我以前的帖子。

我想知道在不同的移动设备（如平板电脑和手机）上查看时，如何使元素不可见和可见。所以我可以使用更加适合移动设备的不同布局。

有人能指出我正确的方向还是告诉我哪个标签适合？我也在使用bootstrap框架。

Answer 1

使用媒体查询来定位各种屏幕尺寸，并使用CSS在调整大小时定义元素的属性，如下所示：

@media screen and (min-width: 480px) {
    div {
        float: left;
        background: red;
    }
    .......
}