如下图所示,我们需要做一个分割线,这是一个移动端h5的页面,需要做rem适配,分割线样式如下:
.split_line {
display: inline-block;
width: 0.02rem;
height: 0.4rem;
margin-right: 0.16rem;
background: #ebebeb;
}
宽度为0.02rem时,会出现时隐时现的情况!为什么呢?
当从“获取验证码”字点击后,变成(60s)重新获取,容器长度变长了,然后就出现不知道为什么分割线就看不见了(不是被覆盖!)的情况。
当分割线的rem值计算出来很小,就会默认宽度为0!!!这时候,我们只需要老老实实的写1px就解决问题了。。。