aspect-ratio: височина, която следва ширината

Полезно е да знаеш

aspect-ratio задава предпочитано съотношение между ширина и височина. При блок с width: 100%; aspect-ratio: 16 / 9; и автоматична височина браузърът може да изчисли височината от наличната ширина. Ако ширината е 320 пиксела, съответната височина е 180 пиксела. Това е аритметичен пример. [1]

Свойството е удобно за рамки на видео, галерии и предварително запазено място. То описва геометрията на кутията, но не определя само по себе си дали изображението вътре ще бъде изрязано или разтегнато. За това са нужни и подходящи правила за съдържанието.

Когато зададеш едновременно конкретни width и height, съотношението не отменя тези размери. Ако елементът изглежда неправилно, първо провери дали височината действително е auto, както и дали други ограничения не участват в изчислението. [1]