与媒体查询相关的 HTML 和 css

Question

我正在尝试为 768 或更大（平板电脑大小）的屏幕尺寸创建页脚导航。我使用页脚导航完成了我的移动优先方法，但是随着下一个尺寸的增加，我想在导航中添加更多列表项。如果它们不在我的移动优先布局中，我该怎么做？

Answer 1

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

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

   列表{可见性：“隐藏”}

3. 现在编写您的媒体查询并设置 visibility = "visible" @media screen and (min-width: 768px) { #lists { visibility: "visible"} }