1.当页面底部有个固定button,且给其固定min-width,当屏幕宽度小于min-width时不会出现横向滚动
解决办法:就是给这个固定button外面加个div,其class为buttonBox,并且把原button的class(.fixedBtn)中的position:fixed删除。
.buttonBox{
position:fixed;
bottom:0;
width:100%;
overflow-x:auto;
}
.fixedBtn{
min-width:360px;
}
<div class="buttonBox">
<button class="fixedBtn">下一步</button>
</div>
2.当页面底部有个固定button,且给其固定min-width,当屏幕宽度小于min-width时不会出现横向滚动,这时如果在position:fixed层加display:flex;有可能会导致,固定的button会靠右。(解决办法就是删除display:fixed)