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

How to hide section tag element on mobile

本文关键字：隐藏 分区 标签 元素 移动      更新时间：2023-09-26

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

如果在移动设备上查看网站，我将如何隐藏这些部分之一，例如"下单"部分？

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

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

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

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

引用要在媒体查询中隐藏的部分的 ID。要在宽度不超过 600 像素的屏幕上隐藏"关于"部分，请执行以下操作：

@media screen and (max-width: 600px) {
  #about {
    display: none;
  }
}
相关文章：