css在@media screen and max-width:px 下display:block不起作用

css html rwd display

不明 2022-04-04 18:36:22 ‧ 714 瀏覽

在寫漢堡選單時希望只在手機上顯示，所以就在電腦上display:none;隱藏，在手機上顯示

@media screen and (max-width:640px) {
    .menu-display-check{
        display: block;
    }
}

display:block;
但是依然是隱藏狀態
請問有人有解法嗎?

grimmq52156 iT邦新手 5 級 ‧ 2022-04-04 23:31:56 檢舉

只有這一片段的css看不出問題，就我經驗display在@media screen and max-width運作都正常

archer9080 iT邦研究生 3 級 ‧ 2022-04-06 09:34:55 檢舉

F12看看哪邊有衝突到
或是丟到jsfiddle / codepen，應該比較方便大家檢查

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙