Свойства aspect-ratio и max-height в CSS отличаются по назначению.
Aspect-ratio определяет соотношение ширины и высоты отображаемой области просмотра устройства (не путать с размерами всего экрана). 1 Значение указывается в виде двух целых положительных чисел, разделённых между собой слешем (например, 16/9). 1 Также можно задать минимально допустимое значение (min-aspect-ratio) или максимально допустимое (max-aspect-ratio). 1
Max-height, в свою очередь, задаёт максимальную высоту области просмотра (используются единицы измерения CSS). 2
Таким образом, aspect-ratio фокусируется на соотношении сторон, а max-height — на максимальной высоте области просмотра.