防止页面中的图片在渲染时的抖动

直接附上代码

.wrapper{

width:100%

height:0

padding-bottom:26.7%         //撑开元素，百分比是按照图片高度相对于宽度的百分比

background-color:#eee

overflow:hidden

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Web端---常用的特效
    1. tab列表折叠效果 html: 能源系统事业部 岗位名称： 工作地点 岗位名...
    lilyping阅读 1,923评论 0赞 1
  • 迅雷页面
    不会用代码框，所以看着有些乱套，，，，html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 1,583评论 0赞 0
  • Django安装
    本书介绍 你是不是对Django的学习感到迷茫？是不是对网上零星的教程感到绝望？是不是苦于没有可以迅速上手的实例而...
    阡陌3536阅读 1,341评论 0赞 0
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1赞 92
  • 明星绯闻or竞选总统 | 亲爱的，你把焦点放错了位置
    1 朋友聚会，扯东扯西的话题自然不少。一般情况下我只是静坐、倾听，不发言、不参与、不评论。这是我一贯坚持的“一静二...
    钱眼观天下阅读 331评论 0赞 4