https://www.jianshu.com/p/985d26b40199
    方案一：
    固定高度，宽度自适应。
    这种方案是目前使用较多的方案，也是相对较简单的实现方案：
    该方法使用了理想视口：

    1. <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

    垂直方向使用固定的值，水平方向使用弹性布局，元素采用定值、百分比、flex布局等。这种方案相对简单，还原度也非常低。

    方案二：
    固定布局视口宽度，使用viewport进行缩放