时间戳

首页 > 解决方案 > 如何在 React 上应用 Rem 单位进行响应式设计？

css - 如何在 React 上应用 Rem 单位进行响应式设计？

问题描述

我正在更改响应式设计的 rem 单位（使用 rem 来表示框的宽度和高度，并更改 htmlfont-size以使其具有响应性）这在html和css.

但是，它会导致 React 出现问题。我使用媒体查询并减少 htmlfont-size来更改宽度和高度。

在 React 上，它只能在font-size 62.5%. 我可以增加宽度和高度，但不能将它们降低到 62.5%(10px) 以下。

应用程序.css

* {
  padding:0
  margin:0px
}

html {
  font-size:6px
}

其他.css

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

标签： cssreactjsresponsive-design

解决方案

推荐阅读