html 中图片自适应大小设置
一、图片自适应大小图片设置固定大小(当然width和height至少大于200px的情况下)个人觉得就很影响响应式布局了,可能会使移动端局部发生错乱,所以图片在一个div中自适应大小,个人还是觉得挺重要的。CSS:img{max-width:100%;max-height:100%;width:auto;height:auto;}Boostrap:二、设置默认图片有的时候我...
·
一、图片自适应大小
图片设置固定大小(当然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
更多推荐
已为社区贡献1条内容
所有评论(0)