关于rem的计算的坑

如下图所示,我们需要做一个分割线,这是一个移动端h5的页面,需要做rem适配,分割线样式如下:

.split_line {
  display: inline-block;
  width: 0.02rem;
  height: 0.4rem;
  margin-right: 0.16rem;
  background: #ebebeb;
}

 宽度为0.02rem时,会出现时隐时现的情况!为什么呢?

关于rem的计算的坑_第1张图片

当从“获取验证码”字点击后,变成(60s)重新获取,容器长度变长了,然后就出现不知道为什么分割线就看不见了(不是被覆盖!)的情况。

当分割线的rem值计算出来很小,就会默认宽度为0!!!这时候,我们只需要老老实实的写1px就解决问题了。。。 

你可能感兴趣的:(前端开发)