What width is 480 tall at 16:9?

480 x 16 / 9 = 853px. Use aspect-ratio: 16 / 9.

How to keep 480 tall from stretching?

Set height: 480px paired with the computed width, and aspect-ratio: W / H on the container; use object-fit for inner media.

480 at this size works vertical or horizontal depending on ratio - check the table for portrait inversions like 9:16.

A 480px-tall frame is used in many layouts. The table below lists the exact partner width at every ratio RatioCalc supports.

Ratio	Width for 480	Pair	CSS
16:9	853px	853x480	aspect-ratio: 16 / 9
4:3	640px	640x480	aspect-ratio: 4 / 3
1:1	480px	480x480	aspect-ratio: 1 / 1
9:16	270px	270x480	aspect-ratio: 9 / 16
21:9	1120px	1120x480	aspect-ratio: 21 / 9
3:2	720px	720x480	aspect-ratio: 3 / 2
16:10	768px	768x480	aspect-ratio: 16 / 10
4:5	384px	384x480	aspect-ratio: 4 / 5
2:1	960px	960x480	aspect-ratio: 2 / 1
239:100	1147px	1147x480	aspect-ratio: 239 / 100
32:9	1707px	1707x480	aspect-ratio: 32 / 9
5:4	600px	600x480	aspect-ratio: 5 / 4
2:3	320px	320x480	aspect-ratio: 2 / 3
18:9	960px	960x480	aspect-ratio: 18 / 9
5:3	800px	800x480	aspect-ratio: 5 / 3
1:2	240px	240x480	aspect-ratio: 1 / 2

width = 480 x rw / rh

// e.g. 9:16 at 480 tall is 270px

Print tip: at 480px, verify with w = 480 x rw / rh before print - 1px matters on narrow banners.