收藏
回答

三个按钮宽度总和750,为什么不能铺满屏幕宽?

.b1{

  position:absolute;bottom:0;left:0;width:100rpx;height:160rpx;line-height:160rpx;border-radius:0;

}

.b2{

  position:absolute;bottom:0;left:100rpx;width:550rpx;height:160rpx;line-height:160rpx;border-radius:0;

}

.b3{

  position:absolute;bottom:0;right:0;width:100rpx;height:160rpx;line-height:160rpx;border-radius:0;

}



<button class='b1type='primary'>b1</button>

<button class='b2type='primary'>b2</button>

<button class='b3type='primary'>b3</button>

很奇怪的一个问题,总和750rpx, 但是中间为什么还有缝隙?有人知道吗?

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

3 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    2021-01-22

    在外层加上一个父元素,设置font-size:0试试

    2021-01-22
    有用
    回复
  • 四月天
    四月天
    2021-02-27

    同样遇到这个问题,请问题主解决了吗?

    2021-02-27
    有用
    回复
  • optimistic
    optimistic
    2021-01-22

    rpx是会被换算成px 的 设备750rpx有bug的

    2021-01-22
    有用
    回复
登录 后发表内容
问题标签