wxss里width设置为100%实际宽度超出屏幕?
发布于 5 年前 作者 xiuying96 13350 次浏览 来自 官方Issues
.submit-btn {
  display: flex;
  width: 100%;
  height: 100rpx;
  margin: 20rpx;
  background-color: #1e80e5;
  border-radius: 20rpx;
  color: white;
  text-align: center;
  align-items: center;
  justify-content: center;
}
view, textarea {
  box-sizing: border-box;
}
.submit-btn是给view设置的样式但是显示的时候上左下margin都生效了但是右边view直接超出了屏幕的显示范围。view的上层布局是form是默认样式没有进行任何修改
2 回复

box-sizing:border-box;

margin的锅,如果你想要左右上下都有margin的话可以这样写:

width:calc(100% - 40rpx);

把宽改成这样就可以了

回到顶部