ant-design / antd-style

css-in-js library with antd v5 token system
https://ant-design.github.io/antd-style/
MIT License
187 stars 29 forks source link

🧐[问题] 求问怎么使用媒体查询 @media screen #128

Closed consistent-k closed 6 months ago

consistent-k commented 6 months ago

🧐 问题描述

image

项目原代码有这样的代码配置。宽度是自定义的,查阅了文档 发现 responsive 不能支持这种自定义的宽度。或者是我没看明白如何用,求问这段怎么改写。

💻 示例代码

  // 当屏幕大于等于1920时 字体设置为34px
    @media screen and (min-width: 1920px) {
        font-size: 34px;
    }

    // 当屏幕小于1279px时 不展示
    @media screen and (max-width: 1279px) {
        display: none;
    }

🚑 其他信息

arvinxx commented 6 months ago

直接

css`
  // 当屏幕大于等于1920时 字体设置为34px
    @media screen and (min-width: 1920px) {
        font-size: 34px;
    }

    // 当屏幕小于1279px时 不展示
    @media screen and (max-width: 1279px) {
        display: none;
    }
`