aspect-ratio

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

|浏览量:

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

分享一个css属性aspect-ratio

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

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

相关推荐

生命的定义就是拥有明天。——冯骥才我们有一些前端机器学习的需求可以用这个 https://www.tensorflow.org/js/demos?hl=zh-cn 这有非常多的demo Holobooth 也很好玩 https://lipsync.withyoutube.com/ 开始 bookmark_border TensorFlow.js 是一个 JavaScript 库，用于在浏览器和 Node.js 训练和部署机器学习模型。了解开始的更多方式，请参阅下面的部分。在不直接处理张量的情况下编写 ML 程序想要开始机器学习，同时不用担心任何类似张量或优化器的低级细节吗？ ml5.js 库构建在 TensorFlow.js 之上，通过简洁的、可利用的 API，可以在浏览器中访问机器学习算法和模型。 Check out ml5.js 安装 TensorFlow.jsTensorFlow.js 与 Tensors (张量)、Layers (图层)、Optimizers (优化器) 和损失函数等概念兼容（或希望与它们兼容）吗？TensorFlow.js 为 JavaScr...

没有祖国，就没有幸福。每个人必须植根于祖国的土壤里。——佚名分享一个表格组件 https://github.com/handsontable/handsontable 非常有意思

react完成井字棋小游戏

人生就像迷宫，我们用上半生找寻入口，用下半生找寻出口。——朱德庸上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境，首先需要将node升级到14以上并且npm需要5.6以上，这个去官网下载安装包覆盖安装即可然后我们按照教程创建项目 1npx create-react-app my-app 注意第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。然后删除src目录下的默认文件，创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...

学习uni-app官方教程

生命是一条奔流不息的河，我们都是那个过河的人。——席慕蓉官网我们直接实战创建两个项目从hello-uniapp中复制common文件夹以及static下面的uni.ttf文件到news项目同目录下然后是复制App.vue中的样式库 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: fun...

教育上的错误比别的错误更不可侵犯。教育上的错误正和错配了药一样，第一次弄错了，决不能借第二第三次去补救，它们的影响是终身洗不掉的。——约翰·洛克 https://github.com/antoniandre/wave-ui https://antoniandre.github.io/wave-ui/ Wave UI：基于 Vue 的现代化 UI 框架在构建现代化的 Web 应用时，一个优秀的 UI 框架不仅能够加快开发速度，还能显著提升用户体验。对于使用 Vue 的开发者而言，Wave UI 是一个轻量级、功能丰富的选择。 Wave UI 是一个基于 Vue 的 UI 框架，专注于提供高质量的组件和工具，同时保持轻量化和易用性。通过 Wave UI，开发者可以快速构建美观且功能强大的 Web 应用。为什么选择 Wave UI？1. 轻量化和高性能Wave UI 的核心目标是轻量化，整个框架大小不到 40 KB。这让它在加载速度和性能上表现优异，非常适合构建快速响应的应用。 2. 易用性Wave UI 提供了直观的 API 和简单的配置选项，让开发者能够快速上手。即使是初学...

眼前的瞬间是一位威力强大的女神。——歌德 FossFLOW — 用于创建华丽等轴测图的开源神器在快速变化和高度技术化的现代世界中，“以图达意”的表达变得越来越重要。FossFLOW 应运而生，为开发者、设计师和工程师带来了领先的等轴测图设计工具。 📌 FossFLOW 是什么？FossFLOW 是一个开源的渐进式 Web 应用程序（PWA），致力于帮助用户轻松创建生动的等轴测技术图解。由现代前端框架 React 打造，并使用 fork 编辑后的 Isoflow 图形库（现已作为 fossflow 发布到 NPM），无需本地安装，完全基于浏览器，无需联网即可实现离线运行。 💡 功能特性详解以下是 FossFLOW 中的一些核心功能，与其他类似工相比，它能够为用户提供极具创新性的体验： 🎨 专业级等轴测绘图：用简洁友好的方式创建 3D 风格的技术图。 💾 智能自动保存：每隔 5 秒自动保存，让您的设计过程无后顾之忧。 📱 渐进式 Web 应用支持（PWA）：可在 Mac 和 Linux 上安装为原生应用。 🔒 强调用户隐私：所有数据均本地存储于用户浏览器，无需任...

阿超

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

数据加载中