浏览器窗口拉小,banner布局就乱了

浏览器窗口拉小,banner布局就乱了

浏览器窗口拉小,banner这块布局就乱了,leftbtn和banner-nav都看不到了,请问一下为什么会这样,有什么办法能解决吗?

正在回答

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

1回答

同学你好,根据同学的描述让我猜的话,在正常没有缩放屏幕比例的情况下,我个人觉得可能是因为min-width没有设置导致的问题,一般来说也有可能会是banner图片设置了固定大小的问题,要么就是定位浮动所造成的的。因为同学在描述时并没有说是拉小到什么程度会发生的问题,但是从左右按钮不见了。让我觉得大概可能跟这个有关系,要不然同学将代码都贴上来让我测一下呢?(涉及到的代码都贴上来,或者你打个包给我发一个网盘也行)

祝学习愉快!

  • 幻想不要钱 提问者 #1

    https://img1.sycdn.imooc.com/climg/662b7596090a326f09410776.jpgmin-width有设置过,但设置后依旧如此

    2024-04-26 17:37:58
  • 好帮手慕小李 回复 提问者 幻想不要钱 #2

    首先你这样缩小本身就是极端情况。

    其次设置最小宽度与不设置最小宽度是有区别的,如下:

    https://img1.sycdn.imooc.com/climg/662b7677099a15f419130834.jpg

    缩小屏幕

    https://img1.sycdn.imooc.com/climg/662b768f09d6e57206890761.jpg

    当设置了min-width后如下:

    https://img1.sycdn.imooc.com/climg/662b76b9090f155918140592.jpg

    缩小屏幕后

    https://img1.sycdn.imooc.com/climg/662b76d009eaad3106870756.jpg

    缩小的程度是不能小于版心的(这个是重点)那么也就是说前端在做适配时要遵循项目要求的屏幕宽度。

    如果说你缩小已经小于了版心(左右按钮定位的位置就定在版心上)那左右按钮就看不到了。

    2024-04-26 17:44:19
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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