公告列表
公告列表
收藏
回答

新闻页面插入分享图标按钮 在微信开发者工具上有显示 预览 手机扫码查看无图标显示？

在开发工具里面是有显示 分享 图标（如下图一），

但是保存预览到手机上面查看 就没有这个图标显示，但手机去点击这个区域是可以分享。只是这个分享按钮图片不在手机上显示（如下图二）。



我定义的样式是如下：

.xuanfu image{

width:100%;

height: -webkit-fill-available;

}

请大佬们指点下~

回答关注问题邀请回答
收藏

2 个回答

  • TNT
    TNT
    2021-12-13
    <button class="xuanfu">分享</button>

.xuanfu {
  width: 200rpx;
  height: 92rpx;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28rpx;
  background: #00cc88 url('https://xxxx.png') no-repeat 12rpx center;
  background-size: 32rpx 32rpx;
  padding-left: 48rxp;
  box-sizing: border-box;
}
    2021-12-13
    有用 1
    回复
  • 纸玫瑰
    纸玫瑰
    2021-12-11

    height: -webkit-fill-available; 这的问题 要是想让图片自适应高度,<image mode="widthFix">就行了 不需要这个 这个有些手机不支持

    2021-12-11
    有用 1
    回复 1
    • ..
      ..
      2021-12-11
      感谢大佬指点！
      2021-12-11
      赞
      回复
请 登录 后发表内容
相关问题
相关文档