html - 根据设备在一页布局上隐藏/显示 Div

Question

我想创建一个网站(一个页面响应)，在全宽屏幕平板电脑/显示器上它显示一个 slider ，但在移动设备上它隐藏 slider 并显示一个全屏英雄/splash div。

我知道这将包括 @media 但不确定要使用哪种语法。

Answer 1

您可以像下面这样使用 css 媒体查询。 More

@media only screen and (max-width: 768px) {
   .your-class{
       display: none;
    }
}