哈巴狗中的 CSS @media 规则？

Question

是否可以对哈巴狗应用@media 规则？当屏幕尺寸改变时，我不知道如何调整页面的组件。

我试过了

@media only screen and (max-width : 320px){
    body{
      background: #FF5D50;
    }
}

但是当我在 Chrome 上更换设备时没有任何反应。

Answer 1

包括@media 规则在内的所有 CSS 都应该在 Pug 模板中工作，您只需要确保在 style. 下方正确缩进

style.
    @media only screen and (max-width: 320px) {
        body {
            background: #FF5D50;
        }
    }