收藏
回答

手机宽度自适应BUG,不能自适应

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS 10.1.2 iphone5 6.6.6


<view class="wrap">
<view class='v1'>188rpxview>
<view class='v2'>104rpxview>
<view class='v3'>104rpxview>
<view class='v4'>104rpxview>
<view class='v5'>250rpxview>
view>
.wrap{
   width: 100%;
   display: flex;
   height: 200rpx;
   background: red
}
.wrap :nth-child(2n){
   background: yellow;
}
.wrap :nth-child(2n-1){
   background: green;
}
.v2,.v3,.v4{
   width: 104rpx;
   height: 100%;
}
.v1{
   width: 188rpx;
   height: 100%
}
.v5{
   width: 250rpx;
   height: 100%;
}





宽度自适应,应该在任何手机都看不到最右边红色的那一块才对呀

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

13 个回答

  • 景兄弟
    景兄弟
    2018-05-11

    用flex布局的话,

    四个元素写固定尺码,一个元素使用flex: 1;这个样子就会自动去撑开

    2018-05-11
    赞同 11
    回复
  • 任性༄
    任性༄
    2018-05-12

    rpx的计算是以750为基础计算的实际尺寸,在计算的过程中,可能会出现浮点数,微信在处理浮点数的时候,在不同的机型(也可以说是尺寸)会有1-2像素的偏差,这个是很正常的现象,要想达到全屏效果,可以把某一个子元素设置成 flex:1(弹性盒子),其他的可以固定宽度

    2018-05-12
    赞同 11
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    没有人回复下吗?

    2018-05-10
    赞同
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    @官方

    2018-05-10
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-10
    1. 新增了尺寸单位。在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差


    2018-05-10
    赞同
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    那么怎么处理才不会出现这种情况呢?

    2018-05-10
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-10

    最后一个设宽一点点?

    2018-05-10
    赞同
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    我觉得这个问题官方应该出个更好的方案!

    2018-05-10
    赞同
    回复
  • | ⃢👁 👁⃢ |
    | ⃢👁 👁⃢ |
    2018-05-10

    把width换成百分比。

    2018-05-10
    赞同
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    那要rpx干啥呀

    2018-05-10
    赞同
    回复