【css的媒体查询是如何使用的？ _响应式】

css的媒体查询是如何使用的？

我也踩过这个坑( 2 )

已统计您的踩坑,无需重复点击

回答(2)

响应式

详细描述

截图

代码

@media screen and (max-width: 768px) {
    .weixin {
        float: left;
    }

    .qr-code {
        float: left;
        margin-left: 22px;
    }

    .about-we {
        margin-top: 0;
    }

    .hanbao {
        display: inline-block;
    }

    .btn-group button {
        display: none;
    }

}

编辑于2025-02-04

时间排序

热门排序

[深圳|结业弟子]JS-黄麒二
0

媒体查询一般采用三段式，可以参考栅格布局的媒体查询用法，xs,sm,md,lg这些都是代表一个范围的屏幕宽度，可以实现在不同屏幕下的适配

查看全部>

编辑于2018-08-31
[上海|荣耀师兄]JS-林钟远
0

在分辨率变化的时候，footer是按照你的bootstrap设置的col-sm col-md col-lg进行变化的，可以把footer的内容分成左中右三块进行布局，当变化到最小的时候，三个成竖直排列，然后再用@media进行微调图片的位置

查看全部>

编辑于2019-05-17

去第页