2019年9月7日
css实现响应式的不同宽高比的图片正方形展示，且图片内容居中
摘要： 先来看下效果图： 三张不同宽高比的图片需要在不同宽度的屏幕中都展示成正方形，而且截取图片的最中间部分展示。 实现代码如下： 图片作为div的背景，响应式正方形实现：div的宽度用百分比表示，高度的用padding-top属性，值和width保持一致；不同尺寸图片居中显示：background-pos 阅读全文
posted @ 2019-09-07 14:57 朵拉.科波菲尔 阅读(632) 评论(0) 推荐(0) 编辑