文章 2023-10-30 来自:开发者社区

微信小程序轮播图image控件图片mode属性自适应及解决图片加载闪烁bug

微信小程序image控件图片自适应简述我是做的轮播图,swiper标签存在默认样式 width 100% ;height 150px;这就会造成图片不完整的情况;而不加mode图片可能会被拉伸,造成图片损坏。让轮播图自适应高度并且使用mode不拉伸swiper.wxml<swiper class="swipers" indicator-dots="{{indicat...

微信小程序轮播图image控件图片mode属性自适应及解决图片加载闪烁bug
文章 2023-08-01 来自:开发者社区

微信小程序 - image 宽高自适应(图片无法自适应撑开标签)

微信小程序中的 image 标签跟 html 中的 img 标签还是有些差别的。image 标签有 src、mode 等属性基本够用但是今天在用的时候发现设置 src 之后,image 在小程序中是默认有宽高的,也就是固定的,去掉宽高之后,也不会像 html 中的 img 标签一样图片内容会撑开标签,这里就需要自己来根据图片的大小进行手动自适应图片宽高了。使用 bindload 绑定函数动态自适....

微信小程序 - image 宽高自适应(图片无法自适应撑开标签)
文章 2023-04-21 来自:开发者社区

【微信小程序】小程序支持的css选择器、小程序自适应单位rpx简介

今日学习目标:小程序支持的css选择器、小程序自适应单位rpx简介创作者:颜颜yan_✨个人主页:颜颜yan_的个人主页⏰预计时间:20分钟专栏系列:我的第一个微信小程序前言哈喽大家好,本次是微信小程序专栏第五期啦,本期主要内容是小程序支持的css选择器和小程序自适应单位rpx简介。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~小程序所支持的css选择器注意:小程序只支持下表中的....

【微信小程序】小程序支持的css选择器、小程序自适应单位rpx简介
文章 2023-04-16 来自:开发者社区

uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度

目录文档方案1:js计算高度方案2:使用flex布局参考文档uni-app文档:https://uniapp.dcloud.net.cn/component/scroll-view.html使用竖向滚动时,需要给 一个固定高度,通过 css 设置 height微信文档:https://developers.weixin.qq.com/miniprogram/dev/component/scrol....

文章 2023-01-17 来自:开发者社区

使用flex弹性布局来为微信小程序写自适应页面

我们知道,写习惯了前端的人,一般切图后布局页面的话,上手最习惯的是基于盒子模型的浮动布局,依赖 display 属性 + position属性 + float属性,但是浮动布局有一些致命的小问题,比如垂直居中比较费劲,比如著名的float坍塌问题,另外有些极端情况下,还得使用模型+clear:both来手动清除浮动,比较麻烦。于是,W3C 提出了一种新的方案----Flex 布局,可以简便、完整....

使用flex弹性布局来为微信小程序写自适应页面
文章 2022-09-14 来自:开发者社区

微信小程序:map地图自动缩放自适应大小

map提供了 scale 参数,用于大小缩放,不过在需要标记多个点的时候,更期待的是根据地图上显示的内容,自动缩放地图到合适的比例。&lt;map id="map" show-location&gt;&lt;/map&gt;实现代码// 获取地图实例 let MapContext = wx.createMapContext('map'); // 换成具体的坐标点 points = [{longi....

问答 2016-07-14 来自:开发者社区

调用微信语音识别功能后文本框高度无法自适应

最近在做微信公众号的开发,我在页面上调用微信语音识别接口后,动态将文本添加到文本框,但是文字超过文本框高度后无法显示出超出的文字,而手动输入的话文本框时可以自适应高度的。求大神帮忙啊!!卡这儿好久了,不知道是哪里的问题???

文章 2013-06-27 来自:开发者社区

微信wap开发---页面自适应大小

<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.3, maximum-scale=2.0, user-scalable=yes" /> <meta content="yes" name="apple-mobile-web-app-capable" ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

mPaaS 移动开发平台

mPaaS 源于蚂蚁集团金融科技,为 App 开发、测试、运营及运维提供云到端的一站式解决方案,致力于提供高效、灵活、稳定的移动研发、管理平台。 官网地址:https://www.aliyun.com/product/mobilepaas/mpaas

+关注