全屏自适应

子元素样式

.all {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    word-break: break-all;
    background: green;
}

全局设置html和body

<style type="text/css">
    html, body {
        padding: 0;
        margin: 0;
        height: 100%;
        /*overflow: hidden;*/
    }
</style>

转载于:https://www.cnblogs.com/destinymingyun/p/11041185.html