html - 隐藏平板电脑的跨度并在正常屏幕上显示

我正在尝试使用@media查询来仅隐藏平板电脑屏幕的跨度，如下所示：

@media screen and (max-width: 600px){
.tablet-screen {
    display: none;
}

但这似乎不起作用。有人可以纠正我我必须使用最大宽度而不是最小宽度来隐藏跨度的权利吗？

最佳答案

您必须同时使用两者。在600像素以下，它不是平板电脑，而是智能手机。

您必须说最小宽度：600像素，最大宽度：1280像素。我将让您定义自己的断点;）

演示：https://jsfiddle.net/Zetura/453gh680/

@media screen and (min-width: 600px) and (max-width: 1280px){
  .hide-tablet {
      display: none;
  }
}

关于html - 隐藏平板电脑的跨度并在正常屏幕上显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42584280/