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

标签 javascript jquery html css

我有如下按钮:

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

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

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

最佳答案

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

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

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

关于javascript - 如何将按钮显示顺序从桌面更改为移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32846830/

相关文章:

javascript - 一页滚动点导航在 Javascript 和基于 jQuery 的 url 中平滑过渡

javascript - JS将列表项颜色与所选项目匹配

css - 拉伸(stretch)顶部横幅

javascript - 如何从元素中仅获取文本 - Protractor Javascript

javascript - 如何使 videojs 标记可滑动或可移动

javascript - 消除重复值javascript

javascript - 如何在 jQuery 上正确重写 JS 函数

javascript - 使用 polymer 和 Material 设计上传文件

javascript - typescript编译器生成js出错

javascript - 你可以使用 jQuery(this) 和 :after together?