react +antd 将对话框根据屏幕尺寸大小而改变

让对话态框在不同pc端展示不同的大小

比如说：
在 1920的分辨率上 模态框的宽度为50%
在1280的分辨率上改成70%的宽度
有两个方法
推荐使用第一种
前提是你用antd组件
第一种
在render的渲染里面直接获取当前屏幕的像素
const updateSize =document.querySelector(‘body’).offsetWidth 拿到你需要的那个屏幕大小。
width={updateSize==1280?‘70%’:‘50%’}用三目运算符 直接进行判断

这是第一步 只需要获取当前屏幕的像素

第二步。直接三目运算符搞定。

第二种方法

这是第二种。我先给了1920px宽度为50%
然后利用媒体查询
就是这样了。再引用一下就搞定了。
希望对新手小白有帮助。