css图片宽度随浏览器窗口大小变化,高度始终显示示宽度的四分之一,且图片居中不变形
不论是pc端还是手机端浏览器放大缩小(宽度变化)使图片高度展示为宽度的四分一,超出只显示最中间部分
HTML代码如下:
<div class="category-cover-image">
<img src="图片地址" alt="">
</div>
css代码如下:
@media only screen and (min-width: 768px) {
.category-cover-image {
margin: 20px
原创
2021-08-25 11:06:00 ·
3023 阅读 ·
0 评论