弹性盒子以及宽高百分比不设死是必须的
1使用rem结合媒体查询，vscode插件px to rem设计好根字体大小，不用自己计算，但是我舍弃了这种方法，选择了第二种
2媒体查询结合vw，使用npm i postcss-px-to-viewport进行px转化为vw，使用这个包需要在webpack里面设置，同时注意，我使用了react 18版本在webpack里面配置后发现不生效，解决办法是成从大佬那里看到的 npm i script@4
3如果要求你三端都进行适配，而且看到UI图发现有些页面有些地方有差异，那就要做判断然后更改组件，比如当屏幕小于960px那么使用手机端组件
目前只找到这几种方法，做三套代码太麻烦了，但是因为不同端页面有差异，暂时只能这么搞
版权声明：本文为liuxiaocaogu原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。