Css 如何在React上应用Rem装置进行响应性设计？

我正在为响应性设计更改rem单位（使用rem表示方框的宽度和高度，并更改html

font size

使其具有响应性） 这在

html

和

css

中非常有效

但是，它会在React上引起问题。我使用媒体查询和减小html

字体大小来更改宽度和高度

在React上，它仅适用于
字体大小62.5%
。
我可以增加宽度和高度，但不能将它们降低到62.5%（10px）以下

App.css

* {
  padding:0
  margin:0px
}

html {
  font-size:6px
}

其他.css

.box1 {
   width:40rem
   height:10rem
 }

`//App.css*{padding:0；margin:0px；}html{font size:6px；}//Other.css.box1{width:40rem；height:10rem；}设置演示或链接到实时代码将非常有用。此外，还可以使用反勾号使代码示例更具可读性。