javascript - 如何将按钮显示顺序从桌面更改为移动？

Question

我有如下按钮:

<button>cancel</button>
<button>submit</button>

取消 按钮在左侧，提交在右侧。当涉及到移动 View 时，我必须在顶部显示 submit 并在底部显示 cancel 。我怎样才能做到这一点？

这是我的例子:http://plnkr.co/edit/BpTrv6aI5xDCBNddUPj1?p=preview

Answer 1

您可以查看使用媒体查询在达到特定阈值时更改按钮的显示:

@media screen and (max-width: 480px) {
    button {
        display: block;
    }
}

将按钮显示为 block 会将它们一个一个地显示在另一个之上。