weixin_44164748的博客

原创 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