W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div { background-color: red; width: 100px; aspect-ratio: 3/2; /* 宽高比设置为3/2 */ } </style> </head> <body> <h1>aspect-ratio 属性</h1> <div>Hello</div> <p>宽高比是指宽度/高度。</p> <p>在此例中，宽高比设置为3/2，宽度设置为100px，因此红色框的高度为宽度的2/3。</p> </body> </html>