Jquery 窗内宽度<=这不管用

我有一个小脚本，可以在电脑屏幕上正常工作，但当我在手机上使用它时，我就不工作了。 我试着在这里找到答案，但我能找到一些像这样小的答案。 我在不同的样式表之前使用过它，她没有问题。 现在我尝试在同一个样式表中使用它width@media all和（xxxxx），在这里它可以在手机上工作

if(window.innerWidth && window.innerWidth<=480){
    $(document).ready(function() {
    $('ul.nav').addClass('hide');
      $('header').append('<div class="left_buttom"     onclick="toggleMenu()"><img src="images/nav.png"></div>');  
    });
      function toggleMenu(){
        $('ul.nav').toggleClass('hide');
        $('header .left_buttom').toggleClass('pressed'); //indbygget jq class
      }
}

if（window.innerWidth&&window.innerWidth
$（document）.ready（function（））{
如果（window.innerWidth&&window.innerWidth尝试在
标记之间添加元标记

<meta name="viewport" content="initial-scale=1">


< /代码>应考虑使用<代码>窗口.MatCHMETIAL（）
相反：这很管用，我现在唯一的问题是应该隐藏在Screne ontel上的菜单没有隐藏。你可以在这个页面上使用它，我只是在为客户端测试，所以文本和图像都是morkups。我在html上得到了这一行，所以这不是问题，但Tushar help t的答案是，谢谢
<meta name="viewport" content="initial-scale=1">