Question

我们正在寻找一种方法来创建一个仅出现在移动设备上的div类，即。当分辨率低于1024x768时。我们目前使用：

hide-below-768

对于768以上的决议。

有人能够就下面的设置提出建议吗？

提前致谢。

Answer 1

您正在寻找媒体查询

@media screen and (max-width: 768px){
    /* add css here */
}

这允许您根据浏览器视图端口大小应用不同的类行为，包装和大小调整规则。

但这不仅适用于手机。它在减少桌面浏览器上浏览器窗口的宽度时也有效。

这是一种称为响应式设计的技术的一部分。