当我的屏幕尺寸小于 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 和我标记创建汉堡
1 回答
动漫人物
TA贡献1815条经验 获得超10个赞
在 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;
}
}
添加回答
举报
0/150
提交
取消