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

Question

我有一个单页的html5网站，其中每个页面/部分位于id =“name”部分

如果在移动设备上查看网站，我如何隐藏其中一个部分，例如“下订单”部分？

网站在这里 - 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;
  }
}