老师,这里为什么有缝隙呢?谢谢。

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,老师又测试了下,应该是浏览器解析的问题,为了方便看到效果,老师去掉了背景颜色。

在页面不缩放的情况下,是没有缝隙的,如下图所示:

http://img1.sycdn.imooc.com//climg/608f6b590979beb825260498.jpg

当页面缩放到90%和110%,会出现缝隙,如下图所示:

http://img1.sycdn.imooc.com//climg/608f6b7d09e2494021400612.jpg

http://img1.sycdn.imooc.com//climg/608f6bab09db0b5325140734.jpg

但是当页面缩放为80%和125%时,就不会有缝隙了。如下图所示:

http://img1.sycdn.imooc.com//climg/608f6c22095a927e20060668.jpg

http://img1.sycdn.imooc.com//climg/608f6c0609da813720660902.jpg

即使在缩放的情况下会出现部分缝隙,这个是不会影响实际效果的,可以忽略。

祝学习愉快~

  • hustnzj 提问者 #1

    谢谢老师,缩放这个问题害死人了。。。

    2021-05-03 11:44:39
好帮手慕慕子 2021-04-30 09:45:34

同学你好, 因为大盒子下的三个子元素设置的宽度分别为33.33333%,宽度之和并不是真正的等于100%,所以子元素与外面的大盒子之间存在部分空白,但是,这个不会影响实际效果的实现,可以忽略。

祝学习愉快~

  • 提问者 hustnzj #1

    谢谢老师,但是 .col-xl-1 设置为 8.33%, 在超大屏上也看不出空白。这又是怎么回事呢?

    2021-05-02 06:50:18
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师