小米浏览器图片不显示问题

大唐荣华

于 2024-01-17 18:16:45 发布

阅读量928

点赞数 9

文章标签：前端小米图片

本文链接：https://blog.csdn.net/weixin_40599109/article/details/135657191

版权

在开发 webview 过程中遇到一个问题, 类名 wechatImg 的 div 通过 background 引入的一张图片无法在小米的手机浏览器上显示. 遇到这个问题时十几种pc 浏览器,7\8种 mobile 浏览器都通过了测试,唯独在小米的移动端无法展示.

    <div className='footerStyle '>
      <div className='footer-main'>
        <div className='copyright'> Copyright &copy;2023 北京****有限公司</div>
        <div className='weixin'>
          <div className={`wechatImg ${isHovering ? 'hover' : ''}`}
            onMouseEnter={() => setIsHovering(true)}
            onMouseLeave={() => setIsHovering(false)} >
          </div>
        </div>
        {isHovering && (<img src={weixinIMG} className="qr-code"></img>)}
        <div className='icp' onClick={jump}>
          <span className='police' />京ICP备2024********
        </div>

      </div>
    </div>