微信小程序-固定图片长宽比例

标签：

由于小程序无法设置本地资源 background

sat 03 2017
O wxss
https : / .weixin . . con/

可以先创建一个固定宽高比的容器，然后再内部添加一个image标签，设置

position: absolute;

top和bottom为0

. img{
width: Iøe%;
height: 8;
padding-bottom: 33.33%;
position: relative;
. img image{
width : 108%; height : 108%;
position: absolute;
top:e;
bottom: 8;

$(view data-docno="{{item. id}}" view class="img"> <image image}}" / > / view> (view class="description"> (view class="gz-layout layoutl"> wx : for- " wx: key=" item. id (image class=" ico" src="/static/image/ico_date.png"></image> (view </view> (view class="gz-layout layoutl"> (image class="ico" src="/static/image/ico zhubanfang. png" fi : {{item.zhubanfang}}</view> (view </view> (view class="gz-layout layoutl"> (image class=" ico" src="/static/image/ico address.png" (view class="gz-layout-item"> </view> < / view> : 16rpx; " <vlew </view>$

预览：

原始	固定宽度比例

版权声明：本文为YES开发框架网发布内容,转载请附上原文出处连接

原文链接：https://www.yesdotnet.com/archive/post/1621959283.html

post YES开发框架 2021-05-25 16:14 2021-05-25 16:14

上一篇：SQL Server被防止木马记录,数据库病毒植入

下一篇：微信小程序-固定图片长宽比例

评论列表

发表评论

关联文章

YES-CMS内容管理系统售价

站长推荐

YES-CMS内容管理系统

winformC/S开发框架

热门标签

.NET Core .NET Reactor ag-grid api安全 ASP.NET Core C#DLL加密 C#播放声音 C#代码混淆 C#代码加密 ChromeDriver DateTime DBeaver devexpress devTool DLL混淆 edge.js EF EFCore Electron element-ui el-form el-table excel FastReport FileStream FolderBrowerDialog FolderSelectDialog form提交 git gridcontrol gridview input javascript json字符串 JS转换对象JSON jwt JWT授权 linq log Math mitmproxy MVC MySQL Navicat nginx node_modules NSwag Nuget Nuget镜像 number pyinstaller python pythoncom python爬虫 python抓包 pywin32 redis Requests-html RestSharp Selenium sql SQL Server Swagger Visual Studio VSCode vue VueRouter vue路由 VUE页面通讯 Webpack Windows服务 winform wmi xlrd yaml YESWEB开发框架白象表单提交播放声音打开URL 代码混淆弹窗提醒对象转换分布式公共字典机器码静态资源开发指南路由参数密钥配置文件权限人工智能任务任务调度日期间隔日志日志记录省市区授权验证数据库四舍五入文案文件读取文件夹选择文件目录选择问题排查行政区域数据页面通讯中间件

联系我们

联系电话：15090125178(微信同号)

电子邮箱：garson_zhang@163.com

站长微信二维码

微信二维码

返回顶部
在线客服
联系方式
15090125178
微信二维码