收藏
回答

小程序在ios10版本上样式bug的问题?

正常情况下,但是在ios10上就成了这个样子。。。

回答关注问题邀请回答
收藏

2 个回答

  • 10000000000
    10000000000
    2021-04-14

    小程序在ios10中样式错乱

    测试环境: ios10.X 微信7.X iphone6

    在此测试环境下微信小程序样式错乱,

    但是同一型号机器,ios12.X 微信 8.X 样式正常,有谁遇到过这种问题吗?

    2021-04-14
    有用
    回复
  • 努努力中秋吃湾湾的月饼和凤梨酥
    努努力中秋吃湾湾的月饼和凤梨酥
    2019-11-05

    提供下代码片段,是用flex布局么

    2019-11-05
    有用
    回复 12
    • ..zzZZ
      ..zzZZ
      2019-11-05
      //html

         
         
           
         

         
           
            供应信息
            求购信息
           

           
            玉米交易
           
            淀粉交易
           

         

         

         
         
         
           
         

         
           
            大数据
           

           
            资讯
            报告
           

         

         







      //css
      .trade {
        display: flex;
        width: 700rpx;
        margin-top: 10rpx;
        height:22vh;
        .left view {
         width: 250rpx;
         height: 100%;
         image {
          width: 100%;
          height: 100%;
          border-radius: 10rpx;
          box-shadow: 0rpx 4rpx 0rpx 0rpx #32a464
         }
        }
        .right {
         display: flex;
         flex-direction: column;
         .right-t {
          display: flex;
          height: 50%;
          margin-bottom: 10rpx;
          button{
           width:214rpx;
           position: relative;
           background-color: #0cbe63;
           margin-left:10rpx;
           border-radius: 10rpx;
           text-align: center;
           box-shadow: 0rpx 4rpx 0rpx 0rpx #32a463;
           color:#FFFFFF;
           span {
            position: absolute;
            width: 200rpx;
            font-size: 35rpx;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
           }
          }
         }
         .right-b {
          display: flex;
          height: 50%;
          button {
           width:215rpx;
           background-color: #0cbe63;
           margin-left:10rpx;
           border-radius: 10rpx;
           text-align: center;
           color:#FFFFFF;
           box-shadow: 0rpx 4rpx 0rpx 0rpx #32a463;
           position: relative;
           span {
            position: absolute;
            width: 200rpx;
            font-size: 35rpx;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
           }
          }
         }
        }
       }
      .data {
        display: flex;
        width: 700rpx;
        margin-top: 10rpx;
        height:22vh;
        .left navigator {
         width: 250rpx;
         height: 100%;
         image {
          width: 100%;
          height: 100%;
          border-radius: 10rpx;
          box-shadow: 0rpx 4rpx 0rpx 0rpx #337cd0;
         }
        }
        .right {
         display: flex;
         flex-direction: column;
          .datatop {
           height: 50%;
           width: 440rpx;
           button{
            text-align: center;
            // line-height: 120rpx;
            height: 90%;
            width: 440rpx;
            color: #FFFFFF;
            background-color: #3684dd;
            border-radius: 10rpx;
            margin-left: 10rpx;
            margin-bottom: 10rpx;
            box-shadow: 0rpx 4rpx 0rpx 0rpx #148dd6;
           position: relative;
           span {
            position: absolute;
            width: 200rpx;
            font-size: 35rpx;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            }
           }
           }
          .databottom {
           display: flex;
           flex-direction: row;
           height: 50%;
           button{
            text-align: center;
            height: 100%;
            width: 215rpx;
            color: #FFFFFF;
            background-color: #3684dd;
            border-radius: 10rpx;
            margin-left: 10rpx;
            margin-bottom: 10rpx;
           box-shadow: 0rpx 4rpx 0rpx 0rpx #148dd6;
           position: relative;
           span {
            position: absolute;
            width: 200rpx;
            font-size: 35rpx;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
           }
           }
          }
        }
       }
      2019-11-05
      回复
    • ..zzZZ
      ..zzZZ
      2019-11-05
      我不知道为什么html的代码 在回复里显示不出来我给你截个图
      2019-11-05
      回复
    • 努努力中秋吃湾湾的月饼和凤梨酥
      努努力中秋吃湾湾的月饼和凤梨酥
      2019-11-05回复..zzZZ
      https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html 这样写个代码片段
      2019-11-05
      回复
    • 努努力中秋吃湾湾的月饼和凤梨酥
      努努力中秋吃湾湾的月饼和凤梨酥
      2019-11-05
      只在IOS10 会有这个问题是吧。
      2019-11-05
      回复
    • ..zzZZ
      ..zzZZ
      2019-11-05回复努努力中秋吃湾湾的月饼和凤梨酥
      对 因为  高版本的ios没有问题 比如12
      2019-11-05
      回复
    查看更多(7)
登录 后发表内容
问题标签