已解決430363個問題，去搜搜看，總會有你想問的

漢堡按鈕顯示不變

首頁猿問漢堡按鈕顯示不變

漢堡按鈕顯示不變

JavaScript

慕少森 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"> ☰</button>但是漢堡圖標沒有出現，盡管我已經嘗試從 span 和我標記創建漢堡

查看完整描述

1 回答

動漫人物

TA貢獻1815條經驗獲得超10個贊

在 codepen 上測試時，這似乎對我來說非常有效。你能檢查一下你的樣式表在你的 HTML 文檔中是如何連接的嗎，就像這段代碼一樣。

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

}

反對回復 2023-04-27

1 回答
0 關注
120 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

漢堡按鈕顯示不變

漢堡按鈕顯示不變

1 回答

添加回答