根據頁面寬度的JavaScript更改CSS？

Question

我們正在開發一個Web應用程序，該應用程序將部署到移動設備，iPad，iPhone，Android。 與其嘗試過濾掉用戶代理以顯示不同的視圖，不如根據屏幕的寬度更改CSS（實際上，這是唯一重要的事情）

我們已經將jQuery放在一起，並且我更改了CSS的一部分，以便在寬度縮小時不會占用太多垂直空間（如下所示）

我將如何在這樣的按鈕上實現類似的功能：

理想情況下，我應該能夠更改CSS或類似的東西，以便如果寬度足夠窄甚至可以將一個按鈕敲掉，則按鈕將全部排成一行。 之后，我可以使按鈕看起來正確。

Answer 1

根據頁面寬度更改CSS的最簡單方法是使用Media Queries ，它不需要JavaScript。

這是一個被認為是該概念的發起人的響應式Web設計的出色介紹： http : //www.alistapart.com/articles/sensitive-web-design/

如果要根據頁面寬度實際更改頁面內容，則需要RESS之類的東西。 這是一個簡單的腳本，但是它需要Cookie，並且不會在屏幕調整大小上進行調整，因此，除非您絕對需要，否則媒​​體查詢會更好。