前端奇怪小知识一些个人想法，新奇点子的记录 aspect-ratio 控制css盒子宽高比 contenteditabl

aspect-ratio 控制css盒子宽高比

<style>
    .box{
        background-color: burlywood;
        display: inline-block;
        aspect-ratio: 1/2; //宽高比
    }
</style>
<body>
    <div class="box" contenteditable="true">
        124515
    </div>
</body>

SKAR6Z7}Y~T(5YBO6KIER.png

contenteditable 盒子内容可修改

<style>
    .box{
        background-color: burlywood;
        display: inline-block;
        aspect-ratio: 1/2; //宽高比
    }
</style>
<body>
    <div class="box" contenteditable="true">
        124515
    </div>
</body>

$L66_~1O$A4P8[MC{VOQ]M58.png$