阅读 13

123111

3.2 媒体查询

.action-box {
  display: none;
}
@media (max-width: 720px) {
  .action-box {
    display: flex !important;
    height: 3rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
  }
}
复制代码

3.3 百分比

.article-area {
    width: 720px;
    max-width: 100%;
}
复制代码

3.4 自适应场景下的rem解决方案

html {
  font-size: 16px;
}
// 1rem = 16px
复制代码

3.5 通过vw/vh来实现自适应

.mavonEditor {
  height: calc(100vh - 3.75rem);
  z-index: 99 !important;
}
复制代码