根据页面宽度javascript更改CSS？

Question

我们正在开发一个可部署到移动设备,iPad,iPhone,Android的网络应用.我没有尝试过滤掉用户代理以显示不同的视图,而是根据屏幕的宽度而改变我的CSS(这是唯一重要的事情,真的)

我们已经将一些东西与jQuery放在一起,并且我已经改变了一部分的CSS,这样当宽度缩小时,它不会占用太多的垂直空间(如下所示)

我将如何在这样的按钮上实现类似的东西:

理想情况下,我应该能够更改CSS或类似的东西,以便如果宽度足够窄,甚至可以关闭一个按钮,则按钮会堆叠在一起.之后,我可以努力使按钮看起来正确.

Answer 1

根据页面宽度更改CSS的最简单方法是使用不需要JavaScript的媒体查询.

以下是来自被认为是该概念创始人的响应式网页设计的精彩介绍:http: //www.alistapart.com/articles/responsive-web-design/

如果你想根据页面宽度实际更改页面内容,你需要像RESS这样的东西.这是一个简单的脚本,但它需要cookie并且不会调整屏幕大小,所以除非你绝对需要它,否则媒体查询要好得多.