BootStrap如何让图片自适应不同屏幕宽度，并居中显示。
我们在浏览网站的时候发现，很多网站的banner图片都是全屏宽度。这种图片都是在不同分辨率下都是显示图片的中间部分，这里我们介绍两种方式， 第一种就是常见的方式，用定位 我简单定义为三部曲： - 让包裹图片的盒子绝对定位， - left:50%, - Margin-left：图片宽度的一半 看例子吧： <!DOCTYPE html> <html lang="en"> <head> <title>Title</title> <style> *{ margin: 0 auto; } .bannerbox { position:relative; overflow:hidden; height:410px; } .banner { width:2000px; /*图片宽度*/ position:absolute; left:50%; margin-left:-1000px; /*图片宽度的一半*/ } </style> </head> <body> <div class="bannerbox"> <div class="banner"> <img src="img/slide_04_2000x410.jpg"> </div> </div> </body> </html> 第二种方式，让图片做背景图，利用背景图的background-position:center