汉堡按钮显示不变
当我的屏幕尺寸小于 1023 像素时，我希望汉堡显示出来。
它不仅在使用媒体查询时发生
.burger {
display: none;
position: absolute;
cursor: pointer;
right: 5%;
top: 15px;
font-size: 25px;
background: none;
border: none;
}
@media only screen and (max-width: 1053px) {
.burger {
display: block;
}
}
<button
type="button"
class="burger"
data-toggle="collapse"
data-target="#myNavbar"
>
☰
</button>
但是汉堡图标没有出现，尽管我已经尝试从 span 和我标记创建汉堡
慕少森浏览 92回答 1
1回答
-
动漫人物
在 codepen 上测试时，这似乎对我来说非常有效。你能检查一下你的样式表在你的 HTML 文档中是如何连接的吗，就像这段代码一样。 <link rel="stylesheet" href="stylesheet.css"></link>在<head>您的 html 文档的部分。我有一种感觉，它可能没有连接。编辑网页格式<button type="button" id="burger" data-toggle="collapse" data-target="#myNavbar" > ☰</button>CSS#burger { display: none; position: absolute; cursor: pointer; right: 5%; top: 15px; font-size: 25px; background: none; border: none; }@media screen and (max-width: 1053px) { #burger { display: block; }}
随时随地看视频慕课网APP
相关分类
JavaScript