@cake-fxd/cake-cli-presets/templates/h5/src/styles/mobile.less

蛋糕英语前端模版项目集合

html {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); //修复iOS下点击闪动问题
  font-size: 10vw;

  // 320为iPhone 5s的尺寸，最小支持5s的尺寸，屏幕尺寸小于5s的以5s为基准
  @media screen and (max-width: 320px) {
    font-size: 32px;
  }

  // 绝大部分手机的宽度不会超过640，参考于网上
  @media screen and (min-width: 640px) {
    font-size: 64px;
  }
}

body {
  position: relative;
  max-width: 640px;
  min-width: 320px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
}