响应式布局中处理图片缩放的最佳方法是( )。
A: img { width: auto; max-width: 100%; }
B: img{width:100%}
C: img{width:auto;}
D: img{width:npx}
A: img { width: auto; max-width: 100%; }
B: img{width:100%}
C: img{width:auto;}
D: img{width:npx}
举一反三
- 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;
- 为了让div容器在页面中水平居中，需要的CSS样式是( )。 A: div{width:880px; padding:0px auto;} B: div{width:880px; padding:auto 0px;} C: div{width:880px; margin:auto 0px;} D: div{ width:880px; margin:0px auto;}
- 以下id选择器书写正确的是（） A: *div{width：100%；} B: text{width；100%；} C: #div{width：100%；} D: #class{width：100%；}
- 为了让以下id为container的div能够水平居中,需要的CSS样式是（ ）。页面正文 A: #container{width:880px; padding:0px auto;} B: #container{width:880px;padding:auto 0px;} C: #container{width:880px;margin:auto 0px;} D: #container{width:880px;margin:0px auto;}