收藏
回答

关于样式的问题 求帮忙看看

问题模块
API和组件


以上样式 在网页里 是71.13px 不知道为啥在小程序里却变小了

当我width:100%的话 却
只有那么大。。。所以很好奇  而且如果没设置display:inline-block

父级设置 display:flex 没鸟用

最后一次编辑于  2017-07-21  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

19 个回答

  • 远扬
    远扬
    2017-07-21

    别设置百分比

    用rpx

    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    恩 最后实在没办法 就只能设置rpx了

    这是小程序自身原因吗?

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    30%是相对于屏幕物理像素的~要看具体屏幕

    还有在模拟器看和网页看也不一样

    用RPX是最好的

    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    。。。这样  不是网页中 父级的宽度吗

    恩 已经用了rpx了

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html

    看看文档

    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    rpx我懂。。。我现在纠结的是宽度 百分比的 你这个链接 没有提到吧?

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    宽度用百分比就跟普通css是一样的

    没啥问题啊

    2017-07-21
    赞同
    回复
  • 生活白痴
    生活白痴
    2017-07-21

    我上面就是宽度用百分比啊  但是不是以父级元素的宽度来计算的 你没看到吗

    父级200多

    子级100%也才190多

    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    你是要这种效果吗?

    .parent {
      margin-top: 100rpx;
      display: flex;
      justify-content: space-around;
    }
     
    .sub {
      width: 30%;
      height: 68rpx;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    <view class="parent">
      <view class="sub">1</view>
      <view class="sub">2</view>
      <view class="sub">3</view>
    </view>


    2017-07-21
    赞同
    回复
  • 远扬
    远扬
    2017-07-21

    还是这种?

    .parent {
      margin-top: 100rpx;
      display: flex;
      justify-content:space-between;
    }
     
    .sub {
      width: 30%;
      height: 68rpx;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
    }


    2017-07-21
    赞同
    回复