FKJ-HHArome/pages/settings/index/index.acss

.main .setting-content {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin: calc(120vmax / 12.80) calc(90vmax / 12.80);
}

.main .setting-content .setting-content-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: calc(26vmax / 12.80);
  width: calc(100% / 5);
  height: calc(140vmax / 12.80);
  margin-bottom: calc(80vmax / 12.80);
}

.main .setting-content .setting-content-item .icon {
  width: calc(90vmax / 12.80);
  height: calc(90vmax / 12.80);
  margin-bottom: calc(20vmax / 12.80);
}

/*竖屏样式*/
.portrait-main .setting-content {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin: calc(120vmin /  12.80) calc(90vmin /  12.80);
}

.portrait-main .setting-content .setting-content-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: calc(26vmin /  12.80);
  width: calc(100% / 5);
  height: calc(140vmin /  12.80);
  margin-bottom: calc(80vmin /  12.80);
}

.portrait-main .setting-content .setting-content-item .icon {
  width: calc(90vmin /  12.80);
  height: calc(90vmin /  12.80);
  margin-bottom: calc(20vmin /  12.80);
}