如何在手机上隐藏小节标签元素

Question

我有一个单页面的html5网站，其中每个页面/部分是在一个部分id =“名称”

如果网站是在移动设备上浏览的，我该如何隐藏其中的一个部分，例如“放置和订购”部分？

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

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

Answer 1

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

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

Answer 2

引用要在媒体查询中隐藏的节的ID。要在宽达600px的屏幕上隐藏“关于”部分：

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