欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

解决页面抖动问题

程序员文章站 2024-01-10 15:33:52
...

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%;
        }
    }