.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是默认样式没有进行任何修改 |
box-sizing:border-box;
margin的锅,如果你想要左右上下都有margin的话可以这样写:
width
:calc(
100%
-
40
rpx);
把宽改成这样就可以了