解决页面抖动问题

1.html5结构

<!-- 解决页面抖动 -->
<div class="gd_map">
    <div id="container"></div>
</div>

2.css3设置

.gd_map {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 50%;  //用撑开高度元素的高度除以宽度的百分比
        #container {
            width: 100%;
            height: 100%;
        }
    }

　　

　　

转载于:https://www.cnblogs.com/wjsy/p/10417984.html