收藏
回答

background-image 图标高度问题

问题模块
API和组件

 <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正好。手机上看短了一块。


最后一次编辑于  2017-07-27  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答