与媒体查询相关的HTML和CSS

Question

我正试图为768或更大的屏幕尺寸（平板电脑尺寸）创建一个页脚导航。我已经完成了我的移动版导航，但随着下一个尺寸的增加，我想在导航中添加更多的列表项，我怎么做才能让它们不在我的移动版导航中？

Answer 1

1. 首先添加列表，然后给它一个Id或类。

2. 然后在你的css代码中，使用id或类，并设置其可见性="hidden"

   列表 { 知名度: "隐藏"}

3. 现在写下你的媒体查询，并设置可见性="可见"@媒体屏幕和(最小宽度：768px) { #lists {可见性。"visible"}。}