Question

使用编辑器和浏览器无法使用此代码。但它确实适用于编码测试表格Pen。我真的很困惑。

当宽度减小到980像素以下时，只需将菜单从水平排列更改为垂直列出。

＆＃13;

/*media*/

@media screen and (max-width: 980px){
nav{background-color:white;width:100%;height:auto;}
 nav ul {font-family:jsr; font-size:18px; background-color:white;}
      .ul li{float:none;display:block;}
           nav li{float:none;display:block;}
               li a { float:none;color: black; text-align: center;padding: 14px 16px; text-decoration: none; }
                  /* Change the link color to #111 (black) on hover */
               li a:hover {border-bottom:2px solid #113a21;      color:black; }

}


/*Navigation*/

  .ul li{float:left;}

＆＃13;

<!DOCTYPE html>
<html>
<head>
</head>
<body>


<nav>
  <span class="menu-trigger">Menu</span>
  <ul class="ul">
    <li id="first"><a class="active" href="index.html">Home</a></li>
    <li><a href="Vl.html">Verleih</a></li>
    <li><a href="S.html">Service</a></li>
    <li><a href="Vr.html">Vereine</a></li>
    <li><a href="U.html">&Uumlber Uns</a></li>
    <li><a href="K.html">Kontakt</a></li>
  </ul>

</nav>


</body>

</html>

＆＃13;

Answer 1

好的，所以我现在羞于死。我没有在浏览器中打开正确的文件。所以我只是在一个从未出现的问题上迷恋了45分钟。甚至不确定现在要说些什么。

简单的代码适用于Pen，但不适用于我的编辑器

1 个答案: