假如说div的内容已经高于div显示的高度，那么div会根据内容的高度来显示，也就是说最小高度是宽度的十分之一，最高的就是按照内容的高度走
假如说就想跟着比例走，即使内容超出比例的高度，那该怎么做呢？很简单，加上 min-height:0 就可以了，这样就可以让高度不根据内容计算了，而是固定的数值
如果我们同时设置width和height，则aspect-ratio就不起作用了，就完全按照width和height设置的值显示
假如我们设置了最大的宽度时300px，因为是块状元素，宽度是展开一行的，并且高度是按照比例走的，那么高度就是30px
假如我们在标签上用width或者height属性， aspect-ratio 的优先级也是低的，例如:
最后结果还是按照标签属性上的width和height显示宽高，而不是 aspect-ratio 设置的1/1比例
综上所述， aspect-ratio 的优先级是最低的，不过确实好用
1:1 aspect ratio = 1 / 1 = 1 = padding-top: 100%4:3 aspect ratio = 3 / 4 = 0.75 = padding-top: 75%
3:2 aspect ratio = 2 / 3 = 0.66666 = padding-top: 66.67%
16:9 aspect ratio = 9 / 16 = 0.5625 = padding-top: 56.25%
