【完成媒体查询配置后，图块盒子却出现了位置错乱的现象】

完成媒体查询配置后，图块盒子却出现了位置错乱的现象

我也踩过这个坑( 1 )

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

回答(1)

详细描述

截图

代码

        <div class="big1-1 " >
            <div class="img1" ></div>
            <div class="tx1" >高效</div>
            <div class="tx2" >将五到七年的成长时间，缩短 到一年到三年。</div>
        </div>
        <div class="big1-1 " >
            <div class="img2" ></div>
            <div class="tx1" >规范</div>
            <div class="tx2" >标准的实战教程，不会走弯路。</div>
        </div>
        <div class="big1-1 " >
            <div class="img3" ></div>
            <div class="tx1" >人脉</div>
            <div class="tx2" >同班好友，同院学长，技术大师，入学就混入职业圈，为以后铺平道路。</div>
        </div>
        <span class="border "></span>
        <div class="big1-2 " >
            <div class="img4" ><div class="img4t " >12400</div></div>
            <div class="tx2" >累计在线人数</div>
            <div class="img4" ><div class="img4t ">12400</div></div>
            <div class="tx2" >学员已找到满意工作</div>
        </div>
    </div>


    <!-------------big1--------------->


<div class="big2" >
    <div class="big2-tx1" >如何学习</div>

    <div class="big2-1 " >

        <div class="big2-1-1">
            <div class="circle " >
                <div class="num">1</div>
            </div>
                <span class="big2-tx">匹配你现在的个人情况 寻找适合自己的岗位</span>
        </div>
        <div class="big2-img" ></div>

@media (max-width: 1080px){
    .big1{
        width: 60%;
    }
    .big1-2{
        align-items: center;
    }
    .border{
        display: none;
    }
}
@media (max-width: 768px){
    .border{
        display: none;
    }
    .big1 {
        width: 50%;
    }
}
/*//---------------------------big1--------------------------//*/


.big2-img{
    width: 28px;
    height: 25px;
    background: url(image-task8/n.png) -214px -10px no-repeat;
    transform: scale(.8);
}
.big2-img1{
    width: 28px;
    height: 25px;
    background: url(image-task8/n.png) -214px -10px no-repeat;
    transform: scale(.8);
}
@media (max-width: 1200px){
    .big2-img1{
        display: none;
    }


    .big2-1 {
        width: 60%;
    }
}
@media (max-width: 767px){
    .big2-img{
        display: none;
    }

    .big2-1 {
        width: 50%;
    }
}


/*//---------------------------big2--------------------------//*/

编辑于2025-04-14

时间排序

热门排序

[深圳|结业弟子]JS-许永坚
0

因为你没有重视整体的布局效果，没用弄清楚你所使用的定位的原理，只是一味的按照效果来调试当然很难啦。定位效果应该在你写下去之前就应该已经想到大概是什么效果了查看全部>

编辑于2018-07-14

去第页