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

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

我也踩过这个坑( 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--------------------------//*/

编辑于2024-11-24

时间排序

热门排序

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

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

查看全部>

编辑于2018-07-14

去第页