5回答

Kunen

2020-02-09

原因：wrapper中加一个"padding-bottom: 100%" ，这个100%比例是相对宽度的，所以出来的是一个正方形的容器。

解决：只写一个宽度100%

.wrapper
 width: 100%

3

0

那只程序媛

2018-09-27

我的也是这样，会靠上面一些，后面自己花了半个小时调试过后发现可以啦，贴上我的代码给小伙伴们参考：

<style lang="stylus" scoped>
.container
z-index 99
position fixed
left 0
right 0
top 0
bottom 0
background #000
display flex
flex-direction column
justify-content center
.wrapper
display flex
justify-content center
.gallary-img
display inline
margin auto 0
width 100%
.swiper-pagination
position fixed
color #ffffff
bottom 1rem
z-index 100
</style>

html部分和老师的 一样，最后的效果如图

1

0

Dell

2018-06-08

这种css的基础自己查一下解，毫无难度的东西

0

0

慕的地2446357

2018-06-08

是不是出现了如图这种情况？wrapper对应的div是居中的，但是<swiper>对应的就没有撑满整个div了

0

6

浣玉

回复

Dell

老师，我知道了，使我们的图片链接不一样，课程里链接对应的图片本来就是长宽相等的，我复制的是宽大于长的。那么怎么将宽大于长的图片收缩成正方形的啊？尽管宽段压缩不好看。

2018-12-27

共6条回复

Dell

2018-06-01

我觉得你的布局里面多了margin或者padding，到控制台里测试一下

0

0