aspect-ratio

发表于2023-08-18|更新于2026-02-24

|浏览量:

物以稀为贵，情因老更慈。——白居易

分享一个css属性aspect-ratio

大家其实能看出来值2/1就是宽高比

这个属性在width和height只要有任意一个没有配的情况下就会生效，非常方便用于配置一些指定宽高比例的场景

相关推荐

get请求包参数属性为数组（二）

伤害可能被原谅，但不会被遗忘——伊索之前写过一篇get请求包含参数属性为数组但是发现不适用数组不为对象的情况，例如ids: [1024, 2048, 4096]，而且可读性有点差，使用起来还得转下参数，所以封装了改良版 1234567891011121314151617181920212223242526272829303132333435let searchParams = { current: 1, size: 1, orders: [ { column:'age', asc:true }, { column:'name', asc:true } ], ids: [1024, 204...

uniapp自动化测试

日常生活的摩擦龃龉，十之其九起于口舌。——贝涅特推荐使用HBuilderX uni-app自动化测试插件 https://ext.dcloud.net.cn/plugin?id=5708 安装完毕，右键项目选择uni-app运行自动化测试即可这里可以在HBuilderX设置的插件设置里取消勾选“自动修改jest.config.js文件中的testMatch”选项才能自定义测试目录这是我的jest.config.js： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455module.exports = { globalTeardown: '@dcloudio/uni-automator/dist/teardown.js', testEnvironment: '@dcloudio/uni-automator/dist/environment.js', testEnvironm...

nvue获取节点信息

我们生活在阴沟里，但依然有人仰望星空。——王尔德在nvue中我们获取节点信息就需要如下写法： 123456789101112131415161718192021222324252627282930313233<template> <view ref="list-parent" class="ruben"> <list> <cell><view>阿超</view></cell> </list> </view></template><script>const dom = weex.requireModule('dom');export default { data() { return { index: 1 }; }, mounted() { console.log('mounted'); dom...

赢得友谊要靠智慧，保持友谊要靠美德，这两者是同等重要的。——威佩因特分享一个图标项目： https://iconify.design/ 包含150K+的开源icon github：https://github.com/iconify/iconify 非常的给力！

nvue中list组件下拉刷新后无法上拉加载更多

倘能生存，我当然仍要学习。——鲁迅组件官网地址：https://uniapp.dcloud.io/component/list 今天在使用list组件时，发现下拉刷新一次后，就不能上拉加载更多了最后发现官方文档： loadmore 事件如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。如果未触发，请检查是否设置了loadmoreoffset的值，建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...

一个人能在鼠疫和生活的赌博中所赢得的全部东西，就是知识和记忆。——《鼠疫》我们除了使用indexOf判断字符串/数组是否包含某字符/元素还可以使用includes 区别在于数组判断中indexOf对NaN值处理会错误，而includes不会，例如：这里显示-1说明没有匹配到而使用includes：可以看到成功匹配字符串也可以使用includes 非常的方便我们可以用prototype获取原型对象然后再调用 1Array.prototype.includes.call([1,2,3,4],1) 还是蛮方便的

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中