如何用CSS媒體查詢顯示隱藏的按鈕？

Question

我有一個隱藏的按鈕，它是指display:none。我試過這個。

@media screen and (max-width:1360px) { 
#a10{display:none;} 
#menu_btn{display:block;} 
} 

Answer 1

以下代碼裝置： 「顯示#menu_btn作爲內聯塊時屏幕更加或等於1360，隱藏它時屏幕小於1360」

HTML：

<input id="menu_btn" type="button"/> 

CSS：

@media screen and (min-width:1360px) { 
    #menu_btn { display:inline-block; } 
} 
@media screen and (max-width:1359px) { 
    #menu_btn { display:none; } 
} 

PS。請記住，你不能在這樣的HTML一套內嵌樣式：<input id="menu_btn" type="button" style="display:none"/>，因爲它會覆蓋從媒體查詢的風格和你的按鈕不會不管屏幕尺寸將是什麼顯示。