为了账号安全,请及时绑定邮箱和手机立即绑定

汉堡按钮显示不变

汉堡按钮显示不变

慕少森 2023-04-27 15:22:59
当我的屏幕尺寸小于 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">  &#9776;</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"

        >

          &#9776;

</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;

   

    }

}


查看完整回答
反对 回复 2023-04-27
  • 1 回答
  • 0 关注
  • 89 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信