Question

我在我的网站上实现了移动导航系统，它在计算机上运行良好，但是当我在移动设备上测试网站时，它也可以正常工作，但是当元素从{{1}移动时，网站会改变它的大小} left: -240px;

我的问题

为什么网站会改变它的大小以及如何解决这个问题？

这是我的代码：

元标记：

left: 0;

身体标签：

<meta name="viewport" content="width=device-width, initital-scale=1.0" />

移动导航：

<body class="mobile-nav-off"></body>

JavaScript

<header id="main-template-header-mobile">
  <div id="main-template-navigation-mobile-container" class="mobile-navigation-right">
    <ul id="main-template-navigation-mobile">
      <li id="logo"><img src="assets/img/websiteLogo.png" /></li>
      <li class="current"><a href="index.html">Home</a></li>
    </ul>
  </div>

  <div id="main-template-mobile-header">
    <a id="main-template-mobile-expander" href="#"><i class="fa fa-bars fa-lg"></i></a>
  </div>
</header>

CSS：

$menuLeft = $('#main-template-navigation-mobile-container');
    $nav_list = $('#main-template-mobile-expander');

    $nav_list.click(function() {
        $('.mobile-nav-off').toggleClass('mobile-nav-on');
        $menuLeft.toggleClass('mobile-navigation-right-push');
    });

左侧属性更改后，网站会调整大小

我的问题

0 个答案: