公告列表
公告列表
收藏
回答

手机宽度自适应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-10

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


    2018-05-10
    有用
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    @官方

    2018-05-10
    有用
    回复
  • 努力写BUG
    努力写BUG
    2018-05-10

    没有人回复下吗?

    2018-05-10
    有用
    回复

正在加载...

请 登录 后发表内容
相关问题
相关文档