img-responsive类可以让图片支持响应式布局,它的实现原理是______。
A: 设置了max-width:100%;和height:auto;
B: 设置了max-width:100%;和height:100%;
C: 设置了max-width:auto;和height:auto;
D: 设置了max-width:auto;和height:100%;
A: 设置了max-width:100%;和height:auto;
B: 设置了max-width:100%;和height:100%;
C: 设置了max-width:auto;和height:auto;
D: 设置了max-width:auto;和height:100%;
A
举一反三
- Bootstrap框架中的 .img-responsive 类可以让图片支持响应式布局,它的实现原理是()。 A: 设置max-width: 100%;和height: auto; B: 设置max-width: 100%;和height: 100%; C: 设置width: auto;和max-height: 100%; D: 设置width: auto;和height: auto;
- 在移动端使用Bootstrap时,导航条在屏幕显示时会被折叠,实现显示和折叠功能的按钮需要如何处理()。A 设置max-width: 100%;和height: auto;B 设置max-width: 100%; 和height: 100%;C 设置width: auto; 和max-height: 100%;D 设置width: auto; 和height: auto;
- 响应式布局中处理图片缩放的最佳方法是( )。 A: img { width: auto; max-width: 100%; } B: img{width:100%} C: img{width:auto;} D: img{width:npx}
- (网站)下列选项中,IE6浏览器不支持的属性及设置有(): A: max-height B: min-width C: height:auto D: width:100%
- 下列哪种设置可以使div的宽度自适应?( ) A: width:1024px; B: height:100%; C: height:1024px; D: width:100%;
内容
- 0
以下关于width属性和height属性语法格式正确的是()。 A: width:15; B: width:60px; C: height:100%; D: height:100;
- 1
当设备显示宽度小于或等于1004像素时,使用CSS3的Media Queries实现响应式布局,以下何者正确? A: @media screen and (max-width:100px) { B: pagewrap {width: 95%;} C: @media and (max-width:1004px) { D: pagewrap {width: 95%;} E: @media and (max-width:700px) { F: pagewrap {width: 95%;} G: @media screen and (max-width:1004px) { H: pagewrap {width: 95%;}
- 2
默认情况下,元素设置width和height可以生效
- 3
既可以通过CSS的width和height属性,也可通过标签自身的width和height属性设置其尺寸。
- 4
为什么应该在<img>标记中设置height和width属性?()