根据页面宽度更改CSS javascript？

我们正在开发一个web应用程序，该应用程序将部署到移动设备、iPad、iPhone和Android上。与其尝试过滤用户代理以显示不同的视图，我更愿意根据屏幕的宽度更改CSS（这是这里唯一重要的事情，真的）

我们用jQuery整合了一些东西，我修改了其中一部分的CSS，这样当宽度缩小时，它就不会占用太多的垂直空间（如下所示）

我如何在这样的按钮上实现这样的功能：

---

理想情况下，我应该能够改变CSS或类似的东西，使按钮堆叠在一行中，如果宽度足够窄，甚至可以敲下一个按钮。之后，我可以努力使按钮看起来正确。

根据页面宽度更改CSS的最简单方法是使用，这不需要JavaScript

这里是一个伟大的介绍响应性网页设计的家伙谁被认为是这个概念的发起者：

---

如果您想根据页面宽度实际更改页面内容，则需要以下内容。这是一个简单的脚本，但它需要cookies，并且不需要调整屏幕大小，因此除非您绝对需要，否则媒体查询是一个更好的选择。

根据页面宽度更改CSS的最简单方法是使用，它不需要JavaScript

这里是一个伟大的介绍响应性网页设计的家伙谁被认为是这个概念的发起者：

---

如果您想根据页面宽度实际更改页面内容，则需要以下内容。这是一个简单的脚本，但它需要cookies，并且不会在屏幕上调整大小，因此除非您绝对需要，否则媒体查询会更好。

谢谢，这将给我一个很好的开始。我还想看看我是否能弄清楚是什么改变了之前的布局，使视图更宽时没有边框和填充。谢谢，这应该给我一个很好的开始。我还要看看我是否能找出是什么改变了之前的布局，当视图更宽时，没有边框和填充。