gpt4 book ai didi

jquery - 简单的代码适用于 Pen,但不适用于我的编辑器

转载 作者:行者123 更新时间:2023-11-28 04:58:54 26 4
gpt4 key购买 nike

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

关键是当宽度减小到 980 像素以下时,简单地将菜单从水平排列更改为垂直排列。

/*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;}
<!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>

最佳答案

好吧,那我现在要羞愧死了。我没有打开正确的文件以在我的浏览器中打开。所以我只是在一个从未存在过的问题上沉迷了 45 分钟。甚至不知道现在该说什么。

关于jquery - 简单的代码适用于 Pen,但不适用于我的编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40223564/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com