web前端全系列 教程
1839个小节阅读:2243.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive
类可以让图片支持响应式布局。其本质是为图片设置了 max-width: 100%;
、 height: auto;
和 display: block;
属性,从而让图片在其父元素中更好的缩放
xxxxxxxxxx
<img src="./1.jpg" class="img-responsive" alt="Responsive image">
通过为 <img>
元素添加以下相应的类,可以让图片呈现不同的形状
跨浏览器兼容性
请时刻牢记:Internet Explorer 8 不支持 CSS3 中的圆角属性。
xxxxxxxxxx
<img src="./1.jpg" alt="..." class="img-rounded">
<img src="./1.jpg" alt="..." class="img-circle">
<img src="./1.jpg" alt="..." class="img-thumbnail">
实时效果反馈
1. 下列那个类可以设置图片为圆形效果:
A img-responsive
B img-rounded
C img-circle
D img-thumbnail
答案
1=>C