一、图片自适应大小

图片设置固定大小(当然width和height至少大于200px的情况下)个人觉得就很影响响应式布局了,可能会使移动端局部发生错乱,所以图片在一个div中自适应大小,个人还是觉得挺重要的。

CSS:

img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
}

Boostrap:

二、设置默认图片

有的时候我们在做用户头像设计的时候会遇到游客没有登录,也就是说没有自己的头像,这个时候肯定不能显示丑丑的图片读取失败的图标,而是有一个没有图片自动加载的图片

<img src=“touxiang.jpg” οnerrοr=“this.src=‘default.jpg’” />

原文链接:https://blog.csdn.net/jikexueyuan5555/article/details/78735084

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐