CSS 通用设置

1. 移动端（1px 像素问题）

  .border {
    border: 1px solid #999;
  }

  @media screen and (min-device-pixel-ratio:1.5) {

  //.border {border: 0.7px solid #999;}
    .border {
      transform: scaleY(0.7);
    }
  }

  @media screen and (min-device-pixel-ratio:2) {

  //.border {border: 0.5px solid #999;}
    .border {
      transform: scaleY(0.5);
    }
  }

  @media screen and (min-device-pixel-ratio:3) {

  //.border {border: 0.33333px solid #999;}
    .border {
      transform: scaleY(0.33333);
    }
  }

2. 底部固定布局


  <div class="model">
    <div class="model__wrapper clearfix">
      <div class="model__main">
        lorem loremlorem loremlorem loremlorem loremlorem loremlorem loremlorem loremlorem lorem
      </div>
    </div>
    <div class="model__bottom"> fixed bottom </div>
  </div>



  .clearfix {
    display: inline-block;
  }
  .clearfix::after {
    content: " ";
    display: block;
    height: 0;
    width: 100%;
    clear: both;
  }
  .model {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 17, 27, 0.8);
		overflow-y: auto;
    &__wrapper {
      min-height: 100%;
      .model__main {
        margin-top: 5rem;
        padding-bottom: 5rem;
      }
    }
    &__bottom {
      position: relation;
      width: 100%;
      height: 2rem;
      margin: -5rem auto 0 auto;
      clear: both;
    }
  }

3. 修改 npm 安装包默认目录


  npm config set prefix="/media/home/application/npm-global"
  npm config set cache="/media/home/application/npm-cache"

4. 安装 nrm

- 创建 nrm 软连接

* 利用 nrm 查看 npm 安装源
* 切换 npm 安装源
  
  npm i install -g nrm
  sudo ln -s /media/home/application/npm-global/bin/nrm /usr/local/bin/nrm
  nrm ls
  nrm use taobao

5. 开始安装 vue-cli


  npm install -g @vue/cli
  sudo ln -s /media/home/application/npm-global/bin/vue /usr/local/bin/vue

相关链接

2019, May 18

| 本文访问量： 次

上一篇 ubuntu下安装vue-cli 下一篇 vim 配置