【完成媒体查询配置后,图块盒子却出现了位置错乱的现象 】 | IT修真院·坑乎
咨询电话 : 010-59478634
切换导航
首页
我的提问
我的回答
我的点赞
消息通知
个人主页
×
提示
尚未登陆,前往官网登陆?
×
提示
尚未登陆,前往官网登陆?
完成媒体查询配置后,图块盒子却出现了位置错乱的现象
我也踩过这个坑(
1
)
已统计您的踩坑,无需重复点击
回答(1)
详细描述
完成媒体查询配置后,图块盒子却出现了位置错乱的现象,调整了多次但还是对不齐,位置错乱;媒体查询我是给他设置了几个断点,当断点宽度不一致时,这几个盒子的总宽度,排布方式都会发生变化,但是却总是出现位置错乱的情况,详细的请看代码部分;
截图
如上图,这些图块盒子不是成三排就是成两排,位置错乱,没有达到预期效果
代码
高效
将五到七年的成长时间,缩短 到一年到三年。
规范
标准的实战教程,不会走弯路。
人脉
同班好友,同院学长,技术大师,入学就混入职业圈,为以后铺平道路。
12400
累计在线人数
12400
学员已找到满意工作
如何学习
1
匹配你现在的个人情况 寻找适合自己的岗位
HTML
@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--------------------------//*/
CSS
编辑于2024-09-07
时间排序
热门排序
[深圳|结业弟子]JS-许永坚
0
因为你没有重视整体的布局效果,没用弄清楚你所使用的定位的原理,只是一味的按照效果来调试当然很难啦。 定位效果应该在你写下去之前就应该已经想到大概是什么效果了
查看全部>
编辑于2018-07-14
首页
1
末页
去第
页
确定
Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1
复制链接
新浪微博
微信扫一扫
2026
0
10
完成媒体查询配置后,图块盒子却出现了位置错乱的现象
1
1