【转载】图片 CSS：怎样才能 “响应式 + 固定宽高比例”？-白红宇

【转载】图片 CSS：怎样才能 “响应式 + 固定宽高比例”？

阅读量：4649 次

发布时间：2019-06-09

本文共 368 字，大约阅读时间需要 1 分钟。

自己根据项目需要，把代码摘了出来

.img-box{height:0;padding-bottom:100%;overflow:hidden;width:100%;//可以是个固定值 项目里用的百分比background-size:100% 100%；background-position:center center;background-repeat:no-repeat; background-image:url(...../...png);}

最终效果就是等比的四四方方的图标.....

参考原文：https://ruby-china.org/topics/17011

转载于:https://www.cnblogs.com/sybboy/p/10415051.html

你可能感兴趣的文章

CSS3的线性渐变（linear-gradient）

【机器学习课程笔记（吴恩达）】1.2 什么是机器学习？

查看>>

交叉编译Python-2.7.13到ARM（aarch32）平台

查看>>

Tmux使用

查看>>

内核中dump_stack的实现原理（3） —— 内核函数printk的实现

Flask学习记录之Flask-Admin

查看>>

分布式技术一周技术动态 2016.02.28

查看>>

SHOI2013 扇形面积并

查看>>

（DevExpress2011控件教程）ASPxGridView 范例4 ：ASPxGridView 行选择、多表头设计、数据导出、主表细表等功能实现...

查看>>

博客收藏

查看>>

Date() 匿名函数，函数声明，函数表达式的区别内置对象本地对象宿主对象...

查看>>

vue单页面应用实践

查看>>

云服务器使用感受腠藦矧用渀龵烾廊鼵晅藪买濷闉涓讌灡憰樲窨

查看>>

Python职业成长路径图帮你看Python编程学习的发展方向

查看>>