jquery - 根据页面宽度实时更改 CSS

Question

我正在尝试根据当前页面宽度向页面添加某些样式。我希望这个功能能够实时运行。例如，在 iPhone 上查看并在查看已加载的页面时旋转屏幕时，CSS 将会发生变化。另外，我非常希望使用移动 jquery 库。先谢谢您的帮助。到目前为止，这是我所拥有的似乎不起作用，我也尝试使用 LiveQuery 但也不起作用

$(function() {
    $(document).live('css_init', function() {
           if (($(window).width()) > 430) {
                $('#main_panels .next').addClass("next-wide");
                $('#main_panels .prev').addClass("prev-wide");

           };
       });
       $(document).trigger('css_init');
});

Answer 1

立即停止，选择全部并按键盘上的退格/删除键。

现在恐惧已经消退，让我向您介绍 Media Queries 。所有现代移动设备(即具有完整网络浏览器的设备，而不是 WAP 门户)均完全支持此功能。现代桌面浏览器也已广泛支持它。唯一的异常(exception)是 IE<9，为此，您有 Respond.js .

现在，去享受网络标准的荣耀吧。