似水流年it 2021-12-24 11:26 采纳率: 73.7%
浏览 405
已结题

移动端flex-wrap: wrap;不起作用?

img


数据从后台来的,改变大小也不会出现换行,什么问题呢

img

.goods_list {
padding: 0 15rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

        .goods_item {
            background: #fff;
            width: 355rpx;
            margin: 10rpx 0;
            padding: 15rpx;
            box-sizing: border-box;

            image {
                width: 80%;
                height: 150px;
                display: block;
                margin: auto;
            }

            .price {
                color: $shop-color;
                font-size: 36rpx;
                margin: 20rpx 0 5rpx 0;

                text:nth-child(2) {
                    color: #ccc;
                    font-size: 28rpx;
                    margin-left: 17rpx;
                    text-decoration: line-through;
                }
            }

            .name {
                font-size: 28rpx;
                line-height: 50rpx;
                padding-bottom: 15rpx;
                padding-top: 10rpx;
            }
        }
    }
  • 写回答

4条回答 默认 最新

  • console.log( ) 2021-12-24 11:36
    关注

    你的模拟器使用414*736 还设置89%,这样不规范吧
    一般默认一个固定宽度 375,设计图按照375设计

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 1月1日
  • 已采纳回答 12月24日
  • 创建了问题 12月24日

悬赏问题

  • ¥30 sort cuteSV.vcf by bcftools用IGV可视化出现报错
  • ¥100 SOS!对STK中导出的天体图像进行质心提取有没有人做过啊
  • ¥15 python 欧式距离
  • ¥15 运行qteasy报错
  • ¥15 遗传算法解决有工序顺序约束的大规模FJSP问题
  • ¥15 企业消防水炮塔设计方案
  • ¥20 WORKBENCH网格划分
  • ¥60 急招师兄远程解决下载NPCAP的BUG!
  • ¥15 关于#51单片机#的问题:51单片机LM1602的数据只能显示一个字符,在使用矩形键盘送数据的时候不能显示出来而是在显示初始位置上,达不到密码锁的效果
  • ¥15 求旧版本ns-2软件