css – 隐藏来自小型和超小屏幕尺寸设备的内容

前端之家收集整理的这篇文章主要介绍了css – 隐藏来自小型和超小屏幕尺寸设备的内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我需要在设备更改时隐藏屏幕上的一些HTML内容.这意味着我正在尝试创建一个响应式设计.在小屏幕尺寸(低于768px)我想隐藏一些内容.

我的内容是这样的 –

所以我想从小型和超小尺寸的屏幕设备中隐藏这些内容.

我尝试使用LESSCSS,但没有运气

@media (max-width: (@grid-float-breakpoint - 1)) {                  
   .content-to-hide {
      display: none;
   }
}

希望有人能帮助我.

谢谢.

最佳答案
为什么不用

@media (max-width: 767px) {                  
   .content-to-hide {
      display: none;
   }
}

如果你想隐藏屏幕尺寸低于768px的内容

原文链接:https://www.f2er.com/css/427623.html

猜你在找的CSS相关文章