background-image 图标高度问题
发布于 5 年前 作者 panyong 16958 次浏览 来自 问答

 <view class=“input_icon”>

         <button class=“icon”/>

</view>

.input_icon {

  width: 38px;

  height: 38px;

  position: absolute;

  border-right: 1px solid #d4d4d4;

}

.input_icon .icon {

  background-image: url(https://www.xxxx.cn/content/images/login_user.png);

  background-repeat: no-repeat;

  background-size: 38px 38px;

  height: 2.4rem;

  border-radius:0;

}

问题是这样的。  height: 2.4rem; 这个高度在手机上是正好的。

但是在开发工具里多出来一块。开发工具的高度设置2.0rem正好。手机上看短了一块。

回到顶部