Ratio比率
通过控制aspect-ratio属性，对块元素根据宽或者高按比例自动保持另一边的尺寸比例，支持常见的媒体尺寸。
基本使用
本框架的比例样式类是通过控制节点的aspect-ratio样式属性实现的。
使用本样式类有一个前提就是节点至少定义了宽或者高属性，通过修改确定的属性让另一个尺寸属性等比例缩放。
对节点设置一个宽度（或者高度）并应用_ar样式类即可获得一个正方形。
- 输出
- HTML
-
_ar
-
横屏比例
普通横屏比例如下：
- _ar-1x1：方形
- _ar-16x9：高清电视比例
- _ar-16x10：手提宽屏比例
- _ar-4x3：传统电视比例
- _ar-5x4：大幅相机比例
- _ar-3x2：平板电脑比例
- 输出
- HTML
-
_ar-1x1 _ar-16x9 _ar-16x10 _ar-4x3 _ar-5x4 _ar-3x2
-
其他横屏比例
还有几个比较新的横屏比例：
- _ar-2x1：窄屏手机横屏比例
- _ar-21x9：超宽屏比例
- _ar-32x9：4k超宽屏比例
- 输出
- HTML
-
_ar-2x1 _ar-32x9 _ar-32x9
-
竖屏比例
内置了常见的竖屏比例：
- _ar-2x3：海报比例
- _ar-9x16：手机竖屏比例
- _ar-1x2：窄屏手机竖屏比例
- 输出
- HTML
-
_ar-2x3 _ar-9x16 _ar-1x2
-
