b***@sina.com
b***@sina.com
  • 发布:2023-10-19 00:40
  • 更新:2023-10-20 17:33
  • 阅读:225

图片怎么设置宽度?

分类:uni-app

在H5下图片会自动最大100%
但是在小程序里面会自动设置一个图片的真实大小 导致页面溢出

style="width: 1000px; height: 563px;"

2023-10-19 00:40 负责人:无 分享
已邀请:
HRK

HRK - 一位热爱uniapp的小少年^v^

目前测试了一下。因为微信小程序会额外加一层view, 如场景1图1所示。这时候这层view的高宽为0, 所以内部图片如果指定100%,则图片宽高也为0,所以不显示。

任选一个即可。 [推荐1]
1、如果去掉富文本style 中的width:100%!important; 正常显示
2、修改组件mp-html/node/node.vue style ._img

/* 图片默认效果 */  
._img {  
    min-width: 720rpx; //新增部分  
  max-width: 100%;  
  -webkit-touch-callout: none;  
}

要回复问题请先登录注册