aspect-ratio
发表于|更新于
|浏览量:
物以稀为贵，情因老更慈。——白居易
分享一个css属性aspect-ratio
大家其实能看出来值2/1就是宽高比
这个属性在width和height只要有任意一个没有配的情况下就会生效，非常方便用于配置一些指定宽高比例的场景
相关推荐
2024-11-29
shenyu同时支持自定义rulehandler+pluginhandler
月缺不改光，剑折不改刚。——梅尧臣 https://github.com/apache/shenyu-dashboard/pull/511 主要是写了一个公共组件 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859/* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with * this work for additional information regarding copyright ownership. * The ASF licenses this file to You under the Apache License, Version 2.0 * (the "...
2022-11-21
css-tricks
站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花 分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/
2022-06-20
虚拟列表
我来到这个世界，为了看看太阳和蓝色的地平线。——《城门开》 分享一个vue虚拟列表的组件： https://github.com/tangbc/vue-virtual-scroll-list 官方文档： https://tangbc.github.io/vue-virtual-scroll-list 沙盒： https://codesandbox.io/s/live-demo-virtual-list-e1ww1 使用方式： 1pnpm install vue-virtual-scroll-list --save 示例： 12345678910111213141516171819202122232425<template> <div> <virtual-list style="height: 360px; overflow-y: auto;" // make list scrollable :data-key="'uid'" :data-sources=&q...
2022-11-10
parceljs
趋炎附势的人，不可与其共患难。——拜伦 分享一个前端打包工具 官方文档：https://parceljs.org/ 中文文档：https://www.parceljs.cn/ 非常好用
2025-08-30
rolldown-vite
人生遇到瓶颈时，上进心是最大的煎熬。——颜如晶 https://github.com/vitejs/rolldown-vite rolldown-vite：Vite x Rolldown —— 前端构建的性能新纪元近年来，前端工程化发展迅猛，从 Webpack 到 Rollup，再到 Vite，每一次构建工具的革新都极大提升了开发体验和构建性能。而随着 JavaScript 生态的壮大，底层 bundler 性能成为新一轮创新焦点。Rolldown-vite 正是这一变革的前沿探索：它将 Vite 的极速开发体验，与 Rolldown（Rust 实现的 JS bundler）的极致性能结合，带来前端构建效率的新高度。 一、项目简介 仓库地址：vitejs/rolldown-vite 项目定位：Vite 的 Rolldown 版本，是 Vite 官方基于 Rolldown bundler 的实验性分支 简介：The WIP version of Vite powered by Rolldown 主要语言：TypeScript 开源协议：MIT 社区热度：1000+ ...
2026-03-18
browser
Lightpanda Browser The headless browser built from scratch for AI agents and automation. Not a Chromium fork. Not a WebKit patch. A new browser, written in Zig. Lightpanda: the headless browser designed for AI and automation Lightpanda：一个不想当“Chromium 影子”的无头浏览器Lightpanda 的仓库描述像一张名片——短，但一击即中： Lightpanda: the headless browser designed for AI and automation 他不是为了“再造一个能看网页的东西”而来，他更像为 AI 代理、自动化脚本、LLM 训练、爬取与测试而生的专业选手：轻装、快跑、少吃内存、启动即走。 而 README 开头那段自我介绍，更像他站在舞台中央，抬手就把身世说...