小程序image标签的高度

小程序image标签的高度,第1张

imag标签属性mode="widthFix"

例如: <image mode="widthFix" src="../../images/Product_story_xq.png"></image>

针对引入图片后高度显示不正确:

1.image标签的默认属性——height:“240px”.

2.image标签不确认高度没有办法写属性:height。

解决方法:

image标签加入 mode="widthFix"这样的效果是图片自动匹配高度

例如: <image mode="widthFix" src="../../images/Product_story_xq.png"></image>

问题:在微信小程序中使用height:calc(xx - xx)设置元素高度无效

排查原因:calc属性设置height或width时,要求父容器有明确的对应属性设置,当父容器没有设置时,calc计算无法完成。因为我想设置高度的元素没有父容器,所以calc失效。

解决办法:1.给该元素添加设置明确高度的父容器。2.直接通过page{height:100%}解决。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/8095281.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-13
下一篇2023-04-13

发表评论

登录后才能评论

评论列表(0条)

    保存