图片怎么设置宽度？

分类：uni-app

uniapp 插件讨论

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

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

2023-10-19 00:40 负责人:无分享

1 个回复

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;  
}

要回复问题请先登录或注册