小程序图片自适应能不能做的完善一点,用起来很无语
2019-04-03 15:15:29
如何看待微信公开课小程序热门讨论「小程序图片自适应能不能做的完善一点,用起来很无语」
摘要:小程序图片自适应能不能做的完善一点,用起来很无语
展开:本来在html里非常简单的图片宽高自适应(设置宽度后,如果不设置高度,默认高度会按比例缩放),到了小程序里面,设置宽度后,如果不设置高度,图片保持原来高度,请问这个有什么意义吗当然,小程序的image组件提供了大量的mode模式,但很让人无语的是,这个mode模式必须有一个固定的宽高,也就是必须在一个固定的宽高里展示图片,如果我有一篇文章里的图片宽高都不一样,我需要给每个图片设置相应的宽高,不然就会出现图片和文字之间的间隔不协调!如图所示:两张图片的高度被默认设置成固定的240px,两张尺寸比例不一样的图片,不管你高度多少,默认都得是一样的,那么对于横图和竖图来说,上下的留白就不一样了,导致文字和图片之间的间距也就不一样了,这就让排版很难看。当然,有一种很笨的解决方案,就是通过api接口获取图片的宽高,然后动态计算缩放后的高度,再赋值。但这样也太麻烦了,而且尤其对于模板文件来说,还要每个模板传参数,十分繁琐。这里主要不理解的点是:1、为什么图片通过style设置宽度以后,高度不是自动同比例缩放呢,保持原有高度有什么意义呢谁会故意让一张图显示变形2、提供的mode模式为什么要固定宽高呢,高度跟随宽度自动缩放变化不行吗如果需要固定宽高,完全可以在外层view里做设置,image组件自己带固定宽高算怎么回事希望这个问题官方解答或者解决一下,谢谢!
摘要:小程序图片自适应能不能做的完善一点,用起来很无语
展开:本来在html里非常简单的图片宽高自适应(设置宽度后,如果不设置高度,默认高度会按比例缩放),到了小程序里面,设置宽度后,如果不设置高度,图片保持原来高度,请问这个有什么意义吗当然,小程序的image组件提供了大量的mode模式,但很让人无语的是,这个mode模式必须有一个固定的宽高,也就是必须在一个固定的宽高里展示图片,如果我有一篇文章里的图片宽高都不一样,我需要给每个图片设置相应的宽高,不然就会出现图片和文字之间的间隔不协调!如图所示:两张图片的高度被默认设置成固定的240px,两张尺寸比例不一样的图片,不管你高度多少,默认都得是一样的,那么对于横图和竖图来说,上下的留白就不一样了,导致文字和图片之间的间距也就不一样了,这就让排版很难看。当然,有一种很笨的解决方案,就是通过api接口获取图片的宽高,然后动态计算缩放后的高度,再赋值。但这样也太麻烦了,而且尤其对于模板文件来说,还要每个模板传参数,十分繁琐。这里主要不理解的点是:1、为什么图片通过style设置宽度以后,高度不是自动同比例缩放呢,保持原有高度有什么意义呢谁会故意让一张图显示变形2、提供的mode模式为什么要固定宽高呢,高度跟随宽度自动缩放变化不行吗如果需要固定宽高,完全可以在外层view里做设置,image组件自己带固定宽高算怎么回事希望这个问题官方解答或者解决一下,谢谢!
标签:小程序
「小程序图片自适应能不能做的完善一点,用起来很无语」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序图片自适应能不能做的完善一点,用起来很无语」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序图片自适应能不能做的完善一点,用起来很无语」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序图片自适应能不能做的完善一点,用起来很无语」
微信公开课小程序热门讨论「小程序图片自适应能不能做的完善一点,用起来很无语」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序图片自适应能不能做的完善一点,用起来很无语」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:15:29
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>