根据页面宽度更改CSS？

Question

我们正在开发一款将部署到移动设备，iPad，iPhone，Android的网络应用。与其试图过滤出用户代理以显示不同的视图，我宁愿让我的CSS根据屏幕的宽度进行更改（这是唯一重要的事情，真的）

我们已经有了一些东西与jQuery在一起，我已经改变了CSS的一个部分，这样，当宽度缩小，它不会占用太多的垂直空间（如下图所示）

我怎么会去关于在像这样的按钮上实现类似的东西：

理想我应该能够改变CSS或类似的东西，以便按钮被堆叠成一排，如果宽度足够窄，甚至敲一个键关机。之后，我可以努力使按钮看起来正确。

Answer 1

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

这里有一个很好的介绍，以响应网页设计从谁的考虑概念的鼻祖的家伙： http://www.alistapart.com/articles/responsive-web-design/

如果您想根据页面宽度真正改变页面的内容，你需要像RESS。 Here's这是一个简单的脚本，但它需要cookies，并且不会在屏幕上调整大小，所以除非您绝对需要它，否则媒体查询会更好。