html - 如何使CSS网格仅出现在手机上而不出现在桌面上

我想让css网格出现在手机版本上，但我只希望带flexbox的基本css出现在桌面版本上。我的网站将首先移动，因为它将成为图片库。

最佳答案

您可以使用media query，例如：

// will be applied by default
.element {
    display: grid;
}

// will overwrite the display when the screen has a larger width than 768px
@media (min-width: 768px) {
    .element{
        display: flex;
    }
}

关于html - 如何使CSS网格仅出现在手机上而不出现在桌面上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54478416/