Html 如何在媒体查询中隐藏和正确放置菜单？
我有一个超级简单的水平菜单在这 但是，我在尝试使其响应时遇到了几个问题。 首先，在大屏幕上，菜单按钮不应该出现。但这个查询不起作用 然后，在小屏幕中，只有菜单按钮应该是可见的，当鼠标悬停/点击/点击时，其他链接应该是可见的……但是当我在查询中尝试时，它会隐藏其他链接，并且无法使它们可用 在小屏幕上，菜单确实会更改为Html 如何在媒体查询中隐藏和正确放置菜单？,html,css,responsive-design,responsiveness,Html,Css,Responsive Design,Responsiveness,我有一个超级简单的水平菜单在这 但是，我在尝试使其响应时遇到了几个问题。 首先，在大屏幕上，菜单按钮不应该出现。但这个查询不起作用 然后，在小屏幕中，只有菜单按钮应该是可见的，当鼠标悬停/点击/点击时，其他链接应该是可见的……但是当我在查询中尝试时，它会隐藏其他链接，并且无法使它们可用 在小屏幕上，菜单确实会更改为显示：block（所需行为），但它不会“浮动”在标题上。相反，它使整个头部更高 最后是“立即购买”按钮。我不能让它在小屏幕上垂直居中 /***********************
显示：block/*************************************
一般的
************************************ */
html，正文，标题，主{边距：0；填充：0；}
html，正文{颜色：#292828；字体系列：'Trebuchet MS'，Helvetica，无衬线；}
标题，主{显示：块；宽度：100%；}
正文{背景色：#CCCC；}
标题{背景色：#292828；高度：70px；最大高度：70px；
/*覆盖层*/
位置：固定；顶部：0；左侧：0；z索引：999；
}
/* ************************************
菜单
************************************ */
#菜单链接李{
显示：内联块；
}
#菜单链接LiA{
颜色：#fff；
字体大小：0.75em；
文字装饰：无；
文本转换：大写；
高度：30px；
填充：0em 1em 0em 1em；
显示：内联块；
垂直对齐：中间对齐；
线高：30px；
文本对齐：居中；
}
.现在买一个{
边框：2px实心#44dbbd；
边界半径：2px2px2px2px；
背景色：#44dbbd；
过渡：颜色变浅；
}
.立即购买：悬停{背景色：#292828；}
/* ************************************
媒体查询
************************************ */
@介质（最小宽度：10em）{
/*智能手机、iPhone、肖像480x320手机*/
标题{高度：40px；}
主{填充：40px；}
#菜单链接按钮{显示：块}
#菜单链接{背景色：#292828；}
#菜单链接li{display:block；}
#菜单链接LIA{线高度：10px；}
}
@介质（最小宽度：20em）{
/*智能手机、iPhone、肖像480x320手机*/
标题{高度：70px；}
主{填充：70px；}
#菜单链接按钮{显示：无；}
#菜单链接{背景色：#292828；}
#菜单链接li{显示：内联块；}
#菜单链接LIA{线高度：30px；}
}
佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥。他是一个聪明的人。威斯康辛州的前庭、调味品、康茂德维塔、奥纳雷西特、威斯康辛州。埃涅亚发酵液、精粹葡萄汁调味品、红莓汁、豆豉箭叶。在turpis枕面部进行非enim治疗。乌特·费利斯。事实上，这是一个错误，是一个错误，是一个错误，是一个错误。阿利奎姆·埃拉特·帕特。Nam dui mi、tincidunt quis、accumsan porttitor、facilisis luctus、metus
佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥。他是一个聪明的人。威斯康辛州的前庭、调味品、康茂德维塔、奥纳雷西特、威斯康辛州。埃涅亚发酵液、精粹葡萄汁调味品、红莓汁、豆豉箭叶。在turpis枕面部进行非enim治疗。乌特·费利斯。事实上，这是一个错误，是一个错误，是一个错误，是一个错误。阿利奎姆·埃拉特·帕特。Nam dui mi、tincidunt quis、accumsan porttitor、facilisis luctus、metus