aspect-ratio
发表于|更新于
|浏览量:
物以稀为贵，情因老更慈。——白居易
分享一个css属性aspect-ratio
大家其实能看出来值2/1就是宽高比
这个属性在width和height只要有任意一个没有配的情况下就会生效，非常方便用于配置一些指定宽高比例的场景
相关推荐
2021-09-13
css模糊
我们都希望自己过艺术的一生，但艺术是什么，却没有明确的定义。你过早地为人生设限，大多数时候是不成熟的表现。——灵遁者 对应的css代码为： 1filter: blur(1px); 这里可以更改blur值的大小 1filter: blur(2px);
2025-06-19
远程控制billd-desk
我们应该使每一个学生在毕业时候，带走的不仅仅是一些知识和技能，最重要的是要带走渴求知识的火花，并使它终生不熄地燃烧下去。——苏霍姆林斯基 GitHub - galaxy-s10/billd-desk: 基于Vue3 + WebRTC + Nodejs + Electron搭建的远程桌面控制 Billd Desk：基于 Vue3 + WebRTC + Node.js + Electron 的开源远程桌面控制程序@galaxy-s10/billd-desk 是一个开源的、跨平台的远程桌面控制程序。它以现代前端技术栈为基础，结合 WebRTC 实时音视频通信技术和 Electron 桌面端跨平台能力，实现了远程桌面访问、远程操作等实用功能。适用于远程办公、远程协助、桌面共享等多种场景。 技术栈 Vue3：采用 Composition API 的现代前端框架，负责构建高性能响应式 UI。 WebRTC：点对点实时音视频流传输协议，实现高效的远程桌面画面流和控制指令传输。 Node.js：作为后端信令服务器，负责连接管理、房间分配、消息转发等核心逻辑。 Elect...
2024-09-22
position-try
教育的胜利，可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性 它就像字面意思是说： 位置-尝试 代表着 它在页面移动时尽可能尝试调整位置 举个栗子： 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...
2025-05-20
Minecraft颜色选择转换
天行健，君子以自强不息。——《周易·乾·象》 https://codepen.io/0biwan/pen/ggVemP html 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071<div class="container"> <div class="tools"> <div class="colors"> <button data-color="0" class="bg-1">&0</button> <button data-color="1" class="bg-2">&1</button> &...
2022-05-17
display:contents
多少人以友谊的名义，爱着一个人。——电影《One Day》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码： 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...
2022-11-08
flexboxdefense
理解绝对是养育一切友情之果的土壤——威尔逊 分享一个还不错的网站： http://www.flexboxdefense.com/ 其可以通过塔防游戏的方式，来让玩家学习flex布局 一共12关，每一关都精心设计
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog