javascript - 如何在移动设备上隐藏部分标签元素

Question

我有一个单页 html5 网站，其中每个页面/部分都在一个部分 id = "name"

如果在移动设备上查看网站，我将如何隐藏这些部分之一，例如“放置和订购”部分？

该网站在这里 - http://mk18.web44.net/

如果可能的话，我还想隐藏该特定页面的菜单选项。

Answer 1

您可以为移动设备添加媒体查询。

@media only screen and (max-device-width: 480px) {
    element {
        display: none;
    }
}

Answer 2

引用要在媒体查询中隐藏的部分的 ID。要在最大 600 像素宽的屏幕上隐藏“关于”部分：

@media screen and (max-width: 600px) {
  #about {
    display: none;
  }
}