slider组件的高度

slider组件的高度

老师,Home页面的高度还没有满屏,距离底部还有一个50px的距离,轮播图组件在Home页面中,为什么它是满屏的?更何况home页面还设置了overflow:hidden,轮播图怎么超出home的铺满屏幕的?

正在回答

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

2回答

你好同学,这里不用太纠结,只是因为老师还没有设置任何样式,所以图片都比较高,把swiper-container的高度撑开了 。它也不是满屏,几张图片撑开的高度也是超出了屏幕高度哦。超出的部分的图片是被隐藏了。但是只是内容隐藏,高度不会变化,所以查看高度的时候还是768px哦。

祝学习愉快,望采纳。

好帮手慕夭夭 2019-09-24 14:23:37

你好同学,silder组件并没有满屏啊,同学可以下载源码测试一下:

http://img1.sycdn.imooc.com//climg/5d89b50309f5923004700309.jpg

轮播图的高度183px

http://img1.sycdn.imooc.com//climg/5d89b5ec096c472203900145.jpg

http://img1.sycdn.imooc.com//climg/5d89b5dc09f942a512320607.jpg

祝学习愉快,望采纳。

  • 提问者 光aaaaand影 #1
    老师,我指的是在我们设置183px之前
    2019-09-24 20:26:22
  • 提问者 光aaaaand影 #2
    就在视频15:50处,这个时候我们还没有设置高度,为什么swiper-container是满屏的?
    2019-09-24 20:29:47
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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