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

Question

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

Answer 1

您可以使用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; 
    }
}