最近我一直在玩弄媒体查询，我喜欢这个概念。根据用户屏幕的最大宽度，显示图像或更改div浮动非常容易。

我试图找到一种方法，仅当用户屏幕大小足够大时，才在模板上显示自定义侧栏。i、 e.最大宽度>900px。

到目前为止，我找到的每个解决方案都只是使用css通过媒体查询隐藏/显示div。

示例：

@media screen and (max-width: 880px) {
#secondary-nav  {
    display: none;
}

这种方法的“问题”在于，我仍在将数据发送到由于隐藏而看不到它的设备。为移动用户创建不必要的膨胀。

我所寻找的是加载侧栏的最佳方法，前提是它符合我的“规则”。此外，如果查看器更改浏览器窗口的大小，例如在win7中捕捉到侧面时，它需要重新调整自身。

我确实找到了一个使用javascript检查屏幕宽度的概念，并将其保存到cookie中：http://www.yiibu.com/resources/scripts/default.js

我猜在这一点上，有一种方法可以检查cookie的“宽度”数据，然后提供侧边栏或不提供侧边栏。

唯一的问题是，如果没有启用Cookie，会发生什么？

另外，当屏幕大小改变时会发生什么情况，这是否意味着cookie会被反复设置/取消设置？

无论如何，我对这一点非常开放，因为这是我的处女地。

这里的主要想法是提供适合设备的wp模板，而无需向用户设备发送数据，这些数据对于较小的屏幕是隐藏的。毕竟，移动数据有点贵，所以我想尽我所能帮助我的用户摆脱困境。

if ( 480 < jQuery(window).width() )
{
    jQuery(document).ready(
        function()
        {
            jQuery.get(\'http://toscho.de/?rc\', 
                function(data)
                {
                    jQuery(data).insertBefore(\'#inner\');
                }
            );
        }
    );
    jQuery(\'#posts\').after(\'<div class=clear>&#160;</div>\');
}