廖鑫豪的个人博客

@lxhcool

男,爱好女

文章 8
朋友 7
来访 11

工具

框架

灵感

社区

资源

酷站

RANKINGS

    • 杭州
    • https://www.lxhcool.cn
    • 网站成立551天

    lxhcool

    • 默认

    使用padding-bottom 实现图片自适应

    随便举一个简单的例子

    图片宽高为:750px*200px

    比例为: 750/200 = 3.75

    百分比:100/3.75 = 26.6666667%

    那么 padding-bottom: 26.6666667%;

    .banner{
    	overflow: hidden
    	width: 100%
    	height: 0
    	padding-bottom: 26.6666667%
    }

    Comments | NOTHING

      游客,你好 修改资料

    *邮箱和昵称必须填写