Aspect Ratio Demo
Ratio Alone
Width and Ratio
Height and Ratio
Width and Height and Ratio
!Important Weaker than Specified Width and Height
External Demo 1
#aspect-ratio-demo-1 {
aspect-ratio: 1/1;
}
External Demo 2
#aspect-ratio-demo-2 {
aspect-ratio: 16/9;
}
External Demo 3
#aspect-ratio-demo-3 {
aspect-ratio: 4/3;
}
External Demo 4
#aspect-ratio-demo-4 {
aspect-ratio: 1/2;
}
External Demo 5
#aspect-ratio-demo-5 {
aspect-ratio: 2/1;
}