这是第二种。我先给了1920px宽度为50%
然后利用媒体查询
就是这样了。再引用一下就搞定了。
希望对新手小白有帮助。
让对话态框在不同pc端展示不同的大小比如说：在 1920的分辨率上 模态框的宽度为50%在1280的分辨率上改成70%的宽度有两个方法推荐使用第一种前提是你用antd组件第一种在render的渲染里面直接获取当前屏幕的像素const updateSize =document.querySelector(‘body’).offsetWidth 拿到你需要的那个屏幕大小。width={updateSize==1280?‘70%’:‘50%’}用三目运算符 直接进行判断这是第一步 只需要获
react
+
antd
搭建前端管理框架（***支持响应式***），主要模块分为：菜单、选项卡、面包屑；通过路由监听，实现三个模块之间的联动（同时监听浏览器）；状态采用
react
-redux进行集中管理。目前只包含前端代码，未与后台进行关联实现菜单、用户等权限，若需要，则需进行二次开发。
访问链接：https://blog.csdn.net/weixin_48357332/article/details/124860395
记录用户使用的系统配置，缓存浏览器中，记录用户习惯。
1-2.
antd
换肤（Layout组件未封装）
使用插件实现扩展
antd
样式文件并绑定cssVariable，通过less.js浏览器在线编译更改更少变量方法实现主题样式更改
@import " _var " ;
:root {
--primary-color : @primary-color ;
--danger-color : red ;
window . less . modifyVars ( vars ) . then ( ( ) => {
if ( vars [ '@primary-color' ] === getItem ( S
|-- config webpack配置文件
|-- dist webpack构建目录
|-- docs 文档
|-- public html模板
今天接到一个需求，有两个模块A和模块B，在pc端上看，模块A之后，再是模板B，而在移动端时，则是模块B之后，再是模块A。
对于这个需求，我们很自然的想到的去监听window的resize事件，从而
改变
dom布局的顺序，以实现这个需求。
准备动工时，突然想到在
antd
pro项目，我们在内容页，按F12，将网页调成移动适配，发现我们的菜单就自动收缩起来了，这个是怎么实现的呢？我们是不是可以美其名...
//获取能够封装当前
屏幕
宽高的对象
DisplayMetrics dm=new DisplayMetrics();
//将当前
屏幕
的宽高封装在DisplayMetrics对象中 用于用户的获取
getWindowManager().getDefaultDisplay().getMetrics(dm);
//获取
屏幕
高度
